.head {

		height: 120px;

		position: relative;

		/*z-index: 10;*/


	}



	.head>div {

		height: 100%;

		float: left;

		position: relative;

	}



	.head-logo {

		box-sizing: border-box;

		padding-left: 50px;

		width: 45%;

	}



	.head-logo a {

		/*width: auto;*/

		height: 100%;

		display: flex;

		align-items: center;

		justify-content: center;

	}



	.head-nav {

		/*overflow: hidden;*/

		width: 55%;

	}



	.head-nav .box>li {

		display: inline-block;

		float: left;

		height: 100%;

		font-size: 18px;

		position: relative;

		z-index: 9999;

		height: 120px;

		overflow: hidden;

	}



	.head-nav .box>li:hover {

		height: auto;

		overflow: visible;

	}



	.head-nav .box>li>a {

		display: block;

		padding: 40px 20px;

		width: 80px;

		color: #333;

		transition: .3s;

		position: relative;

		text-align: center;

	}



	.head-nav .box>li.active>a,

	.head-nav .box>li:hover>a {

		color: #e99f40;

	}



	.head-nav .box>li i {

		width: 0;

		height: 1px;

		background: #e99f40;

		display: block;

		margin: 0 auto;

		transition: .3s;

		margin-top: 10px;

	}



	.head-nav .box>li.active i,

	.head-nav .box>li:hover i {

		width: 62px;

	}



	.head-nav .box>li>a:before {

		content: '';

		width: 6px;

		height: 6px;

		background: #fff;

		position: absolute;

		bottom: 37px;

		left: calc(50% - 4px);

		border: 1px solid #e99f40;

		border-radius: 50%;

		transition: .3s .1s;

		opacity: 0;

		visibility: hidden;

		z-index: 999;

		/*visibility: hidden;*/

	}



	.head-nav .box>li.active>a:before,

	.head-nav .box>li:hover>a:before {

		opacity: 1;

		visibility: initial;

	}



	.head-nav .box>li .head-box {

		position: absolute;

		width: 160px;

		left: 50%;

		margin-left: -80px;

		top: 75%;

		text-align: center;

		z-index: 99;

		padding-top: 30px;


	}
	.head-pro {
		position: absolute;

		width: calc(100% - 280px);

		height: 360px;

		left: 200px;

		text-align: center;

		top: 143px;

		background: rgba(255,255,255,.95);

		text-align: left;

		opacity: 0;

		visibility: hidden;

		transform: translateY(0px);
		transition: .3s;
		box-shadow: 0 0 15px #f5f5f5;


	}
	.head-pro .sjx{
		border-left: 15px solid transparent;

		border-right: 15px solid transparent;

		border-bottom: 18px solid #fff;

		position: absolute;

		top: -18px;

		left: 110px;

		margin-left: -24px;
	}
	.head-pro .sjx:before{
		content: '';

		position: absolute;

		border-left: 15px solid transparent;

		border-right: 15px solid transparent;

		border-bottom: 18px solid #eee;

		position: absolute;

		top: -2px;

		left: 3px;

		z-index: -1;

		margin-left: -13px;

		filter: blur(2px);
	}
	.head-pro-link{
		width: 200px;
		float: left;
		height: 100%;
		background: #fff;
		padding-top: 20px;
	}
	.head-pro li{
		width: 100%;
		line-height: 50px;
		height: 50px;

	}
	.head-pro>ul>li>a{
		display: block;
		width: 100%;
		height: 30px;
		margin-top: 10px;
		padding-left: 30px;
		line-height: 30px;
		box-sizing: border-box;
		border-left: 3px solid transparent;
		font-size: 16px;

	}
	.head-pro-link>li:hover,
	.head-pro-link>li.active{
		background: #e17f00;
	}
	.head-pro-link>li:hover>a,
	.head-pro-link>li.active>a{
		/*color: #e17f00;
		border-color: #e17f00;*/

		color: #fff;
	}
	.head-pro-link>li .main2{
		position: absolute;
		top: 0;
		right: 0;
		width: calc(100% - 200px);
		height: 100%;
		opacity: 0;
		visibility: hidden;
	}
	.head-pro-link>li .main2 li{
		padding: 30px 0 0 13px;
		width: 263px;
	}
	.head-pro-link>li .main2 a{
		display: block;
		width: 100%;
		height: 100%;
	}
	.head-pro-link>li a img{
		transform: scale(0.95);
	}
	.head-pro-link>li a:hover img{
		transform: scale(1);
	}
	.head-pro-link>li a:hover .txt{
		color: #e17f00;
	}
	.head-pro-link>li .main2 .img{
		width: 100%;
		border: 1px solid #ddd;
		box-sizing: border-box;
		overflow: hidden;
		background: #fff
	}
	.head-pro-link>li .main2 .txt{
		width: 100%;
		text-align: center;
		height: 50px;
		color: #2c2c2c;
		font-size: 18px;
		line-height: 50px;
	}
	.head-pro-link>li.active .main2{
		opacity: 1;
		visibility: visible;
	}


	.head-nav li .head-box .main {

		background: #fff;

		box-shadow: 0 0 16px -4px rgba(0, 0, 0, .3);

		padding: 20px 0 18px;

		transform: translateY(20px);

		-webkit-transform: translateY(20px);

		opacity: 0;

		visibility: hidden;

		transition: .5s;

		-webkit-transition: .5s;

	}



	.head-nav li:hover .head-box .main {

		transform: translate(0);

		-webkit-transform: translate(0);

		opacity: 1;

		visibility: visible;

		position: relative;

	}



	.head-nav li .head-box a {

		display: block;

		color: #666;

		line-height: 35px;

		border-bottom: 1px solid transparent;

		-webkit-transition: .3s;

		-o-transition: .3s;

		transition: .3s;

	}



	.head-nav li .head-box a:hover {

		background: #e99f40;

		color: #fff;

	}



	.head-nav li .head-box .sjx {

		border-left: 15px solid transparent;

		border-right: 15px solid transparent;

		border-bottom: 18px solid #fff;

		position: absolute;

		top: -18px;

		left: 90px;

		margin-left: -24px;

	}



	.head-nav li .head-box .sjx:before {

		content: '';

		position: absolute;

		border-left: 15px solid transparent;

		border-right: 15px solid transparent;

		border-bottom: 18px solid #eee;

		position: absolute;

		top: -2px;

		left: 3px;

		z-index: -1;

		margin-left: -13px;

		filter: blur(2px);

	}
	/*首页banner*/



	.index-banner {

		position: relative;

		z-index: 1;

	}



	.index-banner .banner {

		width: 100%;

	}



	.index-banner .hd {

		position: absolute;

		bottom: 50px !important;

		text-align: center;

		width: 268px !important;

		display: block;

		left: calc(50% - 134px) !important;

	}



	.index-banner .hd li {

		width: 19px;

		height: 19px;

		border: 1px solid #6b6b6b;

		border-radius: 50%;

		margin: 0 35px;

		text-align: center;

		vertical-align: top;

		box-sizing: border-box;

		z-index: 9;

		position: relative;

		display: flex;

		align-items: center;

		justify-content: center;

		float: left;

	}



	.index-banner .hd li i {

		width: 0;

		height: 0;

		display: inline-block;

		background: #E99F40;

		border-radius: 50%;

		opacity: 0;

		visibility: hidden;

		transition: .5s all;

		margin-left: 1px;

		margin-bottom: 1px;

		/*vertical-align: top;

	position: absolute;

	top: 10px;

	left: 10px;*/

	}



	.index-banner .hd li.on i {

		width: 80%;

		height: 80%;

		opacity: 1;

		visibility: visible;

	}



	.index-banner .hd:before {

		content: '';

		width: 70px;

		height: 1px;

		position: absolute;

		left: calc(50% - 80px);

		top: 9px;

		background: #6b6b6b;

		z-index: 1;

	}



	.index-banner .hd:after {

		content: '';

		width: 70px;

		height: 1px;

		position: absolute;

		left: calc(50% + 9px);

		top: 9px;

		background: #6b6b6b;

		z-index: 1;

	}



	.index-banner .banner-txt {

		position: absolute;

		width: 1600px;

		left: calc(50% - 800px);

		top: 160px;

		display: none;

	}



	.index-banner .banner1-txt {

		top: 240px;

	}



	.index-banner .banner-txt img {

		display: block;

		margin-bottom: 20px;

		width: 400px;

	}

	/*首页产品*/



	.index-pro {

		padding-bottom: 130px;

		position: relative;

	}



	.index-pro:before {

		position: absolute;

		top: 0;

		right: 0;

		content: "";

		width: 350px;

		height: 450px;

		background: url(../img/index/pro-bg1.jpg) no-repeat;

		z-index: 1;

	}



	.index-pro:after {

		position: absolute;

		content: "";

		bottom: 0;

		left: 0;

		width: 515px;

		height: 366px;

		background: url(../img/index/pro-bg2.jpg) no-repeat;

		z-index: 1;

	}



	.index-pro .title {

		height: 200px;

		text-align: center;

		box-sizing: border-box;

		padding-top: 60px;

	}



	.index-pro .title h3 {

		font-size: 36px;

		color: #0f0f45;

		font-weight: initial;

	}



	.index-pro .title p {

		color: #949494;

		font-size: 14px;

		text-transform: uppercase;

	}



	.index-pro .content {

		height: 800px;

		border: 1px solid #cad4e5;

		z-index: 9;

		position: relative;

	}



	.index-pro .content>div {

		width: 50%;

		height: 100%;

	}



	.index-pro .content div {

		box-sizing: border-box;

		position: relative;

	}



	.index-pro .content img {

		width: 100%;

		height: 100%;

	}



	.index-pro .content .f-left {

		border-right: 1px solid #cad4e5;

	}



	.index-pro .content1 {

		width: 100%;

		height: 50%;

		border-bottom: 1px solid #CAD4E5;

	}



	.index-pro .content2,

	.index-pro .content3 {

		width: 50%;

		height: 50%;

		float: left;

	}



	.index-pro .content3 {

		border-left: 1px solid #CAD4E5;

	}



	.index-pro .f-right>div {

		width: 50%;

		float: left;

		height: 100%;

	}



	.index-pro .content .f-right .zi-fl {

		border-right: 1px solid #CAD4E5;

	}



	.index-pro .content4,

	.index-pro .content5 {

		width: 100%;

		height: 50%;

	}



	.index-pro .content4 {

		border-bottom: 1px solid #CAD4E5;

	}



	.index-pro .content6 {

		height: 100%;

		text-align: center;

	}



	.index-pro .content-main {

		position: relative;

		overflow: hidden;

	}



	.index-pro .content-main img {

		transition: .5s;

		-webkit-transition: .3s;

		transform: scale(1.01);

	}



	.index-pro .content-main:hover img {

		transform: scale(1.1);

	}



	.index-pro .content-main .txt {

		position: absolute;

		top: 60px;

		left: 60px;

	}



	.index-pro .content-main .txt h4 {

		color: #0f0f45;

		font-size: 36px;

		font-weight: initial;

	}



	.index-pro .content-main .txt p {

		color: #6c6c6c;

		font-size: 16px;

	}



	.index-pro .content-main h4 {

		font-weight: initial;

	}



	.index-pro .content-main .txt a {

		text-transform: uppercase;

		width: 105px;

		height: 35px;

		border-radius: 20px;

		text-align: center;

		font-size: 16px;

		line-height: 35px;

		display: block;

		vertical-align: top;

		position: relative;

		color: #fff;

		box-sizing: border-box;

		padding-right: 10px;

		transition: .3s;

	}



	.index-pro .content6 .txt a {

		margin: 0 auto;

	}



	.index-pro .content-main .txt a {

		margin-top: 30px;

		background: #949494;

	}



	.index-pro .content-main:hover .txt a {

		background: #e17f00;

	}



	.index-pro .content-main:hover .txt a {}



	.index-pro .content-main .txt a i {

		content: '';

		position: absolute;

		right: 12px;

		width: 12px;

		height: 35px;

		background: url(../img/index/pro-content1-icon.png) no-repeat center;

	}



	.index-pro .txt2 {

		display: block;

		width: 100%;

		position: absolute !important;

		bottom: -15px;

		left: 0;

		text-align: center;

		color: #0f0f45;

		font-size: 24px;

		transition: .3s;

	}



	.index-pro .content-main:hover .txt2 {

		margin-bottom: 35px;

	}



	.index-pro .content-main:hover .txt2 p {

		opacity: 1;

		visibility: visible;

	}



	.index-pro .content-main .js {

		color: #6b6b6b;

		font-size: 16px;

		opacity: 0;

		visibility: hidden;

	}



	.dz-service {

		height: 520px;

		margin-bottom: 110px;

	}



	.dz-service>div {

		width: 50%;

		height: 100%;

		position: relative;

	}



	.dz-service .f-left img {

		width: 100%;

		position: relative;

	}



	.dz-service .f-left:hover img {

		transform: translate(20px, 20px);

	}



	.dz-service .f-left:before {

		content: "";

		position: absolute;

		width: 100%;

		height: 100%;

		background: #fcfcfd;

		top: 20px;

		left: 20px;

		box-sizing: border-box;

		border: 1px solid #ddd;

	}



	.dz-service .f-right {

		box-sizing: border-box;

		padding: 45px 112px 0;

	}



	.dz-service .f-right h3 {

		color: #0f0f45;

		font-size: 36px;

		line-height: 1;

		font-weight: initial;

	}



	.dz-service .f-right .txt {

		color: #6b6b6b;

		font-size: 16px;

		padding-top: 25px;

	}



	.dz-service .f-right .more {

		display: inline-block;

		line-height: 35px;

		margin-top: 10px;

		color: #4b4b74;

		text-align: left;

		width: 75px;

		border-bottom: 1px solid #4b4b74;

		transition: .5s;

	}



	.dz-service .f-right:hover .more {

		width: 85px;

		color: #e99f40;

		border-bottom-color: #e99f40;

	}



	.dz-service .f-right ul {

		font-size: 0;

		margin-top: 50px;

	}



	.dz-service .f-right li {

		width: 33.3333%;

	}



	.dz-service .f-right li p {

		font-size: 16px;

		color: #2c2c2c;

		padding-top: 15px;

	}

	/*公司概况*/



	.index-int {

		font-size: 0;

		margin-bottom: 70px;

	}



	.index-int li {

		width: 500px;

		height: 600px;

		margin-right: 50px;

		background: #f5f5f5;

		vertical-align: top;

	}



	.index-int li .img {

		width: 100%;

		height: 350px;

		overflow: hidden;

	}



	.index-int li:last-child {

		margin-right: 0;

	}



	.index-int li img {

		width: 100%;

	}



	.index-int li .txt {

		box-sizing: border-box;

		padding: 40px;

	}



	.index-int li h3 {

		color: #0f0f45;

		font-size: 28px;

		line-height: 1;

		font-weight: initial;

	}



	.index-int li p {

		color: #6b6b6b;

		font-size: 16px;

		margin-top: 20px;

		line-height: 30px;

		padding-bottom: 20px;

		border-bottom: 1px solid #ddd;

		position: relative;

	}



	.index-int li p:before {

		content: "";

		position: absolute;

		width: 5px;

		height: 5px;

		background: #ddd;

		bottom: -3px;

		right: 0;

		border-radius: 50%;

	}



	.index-int li .more {

		display: inline-block;

		line-height: 35px;

		margin-top: 10px;

		color: #2c2c2c;

		border-bottom: 1px solid #4b4b74;

		font-size: 16px;

		width: 82px;

		transition: .5s;

	}



	.index-int li:hover .img img {

		transform: scale(1.1);

	}



	.index-int li:hover .more {

		width: 100px;

		color: #E17F00;

		border-bottom-color: #E17F00;

	}



	.global {

		height: 870px;

		background: url(../img/index/global-bg.jpg) no-repeat;

		background-size: 100% 100%;

		overflow: hidden;

		box-sizing: border-box;

		padding-top: 180px;

		;

	}



	.global .f-left {

		width: 30%;

		height: 520px;

		color: #0f0f45;

	}



	.global .f-right {

		width: 70%;

		height: 520px;

		background: url(../img/index/global-zb.png) no-repeat;

		transition: .3s;

		transform: scale(0.95);

	}



	.global .f-right:hover {

		transform: scale(1);

	}



	.global .f-left h3 {

		font-size: 60px;

		line-height: 1.2;

		text-transform: uppercase;

	}



	.global .f-left h4 {

		font-size: 36px;

		letter-spacing: 5px;

		font-weight: inherit;

	}



	.global .f-left p.one {

		margin-top: 45px;

	}



	.global .f-left p {

		margin-bottom: 20px;

		color: #666;
	}



	.global .f-left .more {

		display: inline-block;

		line-height: 35px;

		margin-top: 10px;

		color: #0f0f45;

		border-bottom: 1px solid #0f0f45;

		font-size: 18px;

		width: 92px;

		transition: .3s;

	}



	.global .f-left .more:hover {

		width: 105px;

		color: #E17F00;

		border-bottom-color: #E17F00;

	}



	.global .diqu {

		font-size: 0;

		margin-top: 40px;

	}



	.global .diqu li {

		display: inline-block;

		margin-right: 80px;

		vertical-align: top;

		margin-bottom: 20px;

	}



	.global .diqu li h4 {

		font-size: 16px;

		color: #666;

		letter-spacing: 2px;

	}



	.global .diqu li p {

		font-size: 22px;

		color: #0f0f45;

	}



	.global .diqu li span {

		margin-right: 20px;

	}



	.index-news {

		margin-top: 80px;

		margin-bottom: 90px;

		overflow: hidden;

	}



	.index-news>div {

		width: 50%;

		height: 400px;

		position: relative;

	}



	.index-news .f-left {

		box-sizing: border-box;

		padding-right: 50px;



	}
	.index-news .f-left>div{
		width: 100%;

		height: 100%;

		position: relative;
	}

	.index-news .f-left>div img{
		width: 100%;

		height: 100%;
	}
	.index-news .f-left>div:before{
		width: 95px;

		height: 95px;

		background: url(../img/index/index-play.png) no-repeat center;

		position: absolute;

		top: calc(50% - 47px);

		left: calc(50% - 47px);

		content: '';
	}

	.index-news .f-left video {

		width: 100%;

		height: 100%;

		/*background: #000;*/

	}





	.index-play {

		width: 95px;

		height: 95px;

		background: url(../img/index/index-play.png) no-repeat center;

		position: absolute;

		top: calc(50% - 47px);

		left: calc(50% - 47px);

	}



	.index-news .title {

		overflow: hidden;

		position: relative;

	}



	.index-news .title h3 {

		font-size: 36px;

		color: #0f0f45;

		letter-spacing: 3px;

		font-weight: initial;

		line-height: 1;

	}



	.index-news .title p {

		font-size: 14px;

		color: #949494;

		text-transform: uppercase;

		padding-top: 10px;

		line-height: 1;

	}



	.index-news .title a {

		text-transform: uppercase;

		width: 105px;

		height: 35px;

		border-radius: 20px;

		text-align: center;

		font-size: 16px;

		line-height: 35px;

		display: block;

		vertical-align: top;

		position: absolute;

		color: #6b6b6b;

		background: #eee;

		bottom: 0;

		right: 0;

		box-sizing: border-box;

		padding-right: 10px;

		transition: .3s;

	}



	.index-news .title a:hover {

		background: #E17F00;

		color: #fff;

	}



	.index-news .title a i {

		content: '';

		position: absolute;

		right: 12px;

		width: 15px;

		height: 35px;

		background: url(../img/index/index-news-icon.png) no-repeat center;

	}



	.index-news .title a:hover i {

		background-image: url(../img/index/pro-content1-icon.png);

	}



	.index-news .content {

		display: block;

		overflow: hidden;

		border-bottom: 1px solid #ddd;

	}



	.index-news .content h4 {

		font-size: 20px;

		color: #2C2C2C;

		padding-top: 45px;

		line-height: 1;

		text-transform: uppercase;

		transition: .3s;

		font-weight: initial;

		letter-spacing: 2px;
	}
	.index-news .content:hover h4{
		color: #e17f00;
	}



	.index-news .content p {

		color: #888;

		font-size: 14px;

		line-height: 30px;

		padding-top: 25px;

	}



	.index-news .content .time {

		display: block;

		float: right;

		color: #aaa;

		font-size: 14px;

		padding-top: 15px;

		line-height: 1;

		padding-bottom: 25px;

	}



	.index-news .link {

		box-sizing: border-box;

		display: block;

		font-size: 0;

		padding-left: 30px;

		padding-top: 20px;

		text-transform: uppercase;

		position: relative;

	}



	.index-news .link .bd li {

		display: block;

		box-sizing: border-box;

		position: relative;

	}



	.index-news .link .bd li a {

		display: inline-block;

		line-height: 40px;

		color: #2c2c2c;

		font-size: 18px;

		position: relative;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

		transition: .3s;

	}



	.index-news .link .bd li a:before {

		position: absolute;

		content: '';

		bottom: 5px;

		left: 0;

		width: 0%;

		height: 1px;

		transition: .5s;

		background: #E17F00;

	}



	.index-news .link .bd li:hover a {

		color: #E17F00;

	}



	.index-news .link .bd li:hover a:before {

		width: 100%;

	}



	.index-news .link .hd {

		height: 92px;

		width: 8px;

		position: absolute;

		left: 0;

		top: 35px;

	}



	.index-news .link .hd li {

		width: 8px;

		height: 8px;

		box-sizing: border-box;

		border: 1px solid #c3c2c2;

		margin-bottom: 34px;

		border-radius: 50%;

	}



	.index-news .link .hd li.on {

		border: 0;

		background: #e17f00;

	}



	.index-news .link .hd:before {

		content: '';

		width: 2px;

		height: 34px;

		border: 0;

		background: #e2e1e1;

		position: absolute;

		top: 8px;

		left: 3px;

	}



	.index-news .link .hd:after {

		content: '';

		width: 2px;

		height: 34px;

		border: 0;

		background: #e2e1e1;

		position: absolute;

		top: 50px;

		left: 3px;

	}



	.foot {


		background: #f8f8f8;

		position: relative;

		border-top: 1px solid #e5e5e5;

		clear: both;

		padding-bottom: 30px;
	}



	.foot .content {


		border-bottom: 1px solid #dddddd;

		padding-bottom: 40px;

	}



	.foot .content .f-left {

		padding-top: 40px;

	}



	.foot .content .f-left p {

		color: #6b6b6b;

		font-size: 14px;

		line-height: 1;

		padding-top: 15px;

	}



	.foot .content .f-left span {

		font-size: 42px;

		color: #e17f00;

		font-weight: bold;

		line-height: 1;

		padding-top: 30px;

	}



	.foot .content .f-left:hover span {

		animation-duration: 3s;

		animation-name: foot-del;

		transform-origin: center bottom;

		animation-fill-mode: both;

		animation-iteration-count: infinite;

	}



	@keyframes foot-del {

		0%,

		33%,

		6.8%,

		16.8%,

		26.8% {

			transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

			/*贝塞尔曲线 ： X1 Y1 X2 Y2*/

			transform: translate3d(0, 0, 0);

			/*设置只在Z轴上移动*/

		}

		13.3%,

		14% {

			transition-timing-function: cubic-bezier(0.755, 0.50, 0.855, 0.060);

			transform: translate3d(0, -10px, 0);

		}

		20.3% {

			transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

			transform: translate3d(0, -5px, 0);

		}

		30% {

			transform: translate3d(0, -2px, 0);

		}

	}



	.foot .content .f-right {

		padding-top: 80px;

	}





	.foot .content .f-right .link li {

		margin-left: 30px;

		float: right;

		width: 95px;

	}



	.foot .content .f-right .link li:hover a {

		width: 90px;

		padding-left: 10px;

		border-bottom-color: #E17F00;

		color: #E17F00;

	}



	.foot .content .f-right .link li a {

		width: 75px;

		color: #2c2c2c;

		font-size: 18px;

		transition: .5s;

		display: block;

		box-sizing: border-box;

		border-bottom: 1px solid transparent;

	}



	.foot .content .f-right .contact {

		padding-top: 45px;

		padding-bottom: 0;

	}



	.foot .content .f-right .contact li {

		float: right;

		margin-left: 15px;

	}



	.foot .content .f-right .contact li a {

		height: 44px;

		display: inline-block;

	}



	.foot .content .f-right .contact .yuan a {

		width: 44px;

		background-position-y: 0px;

		transition: .3s;

		position: relative;
	}

	.foot .content .f-right .contact .yuan a i{
		position: absolute;
		top: -130px;
		left: calc(50% - 50px);
		width: 100px;
		height: 100px;
		display: block;
		z-index: 99;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		box-sizing: border-box;
		box-shadow: 0px 5px 15px 3px rgba(0,0,0,0.2);
		border: 10px solid #fff;
	}
	.foot .content .f-right .contact .yuan a i img{
		width: 100%;
	}
	.foot .content .f-right .contact .yuan a:hover i{
		opacity: 1;
		visibility: visible;
		transform: translateY(10px);
	}

	.foot .content .f-right .contact .yuan a:hover {

		background-position-y: -44px;

	}



	.foot .content .f-right .liuyan a {

		width: 180px;

		line-height: 44px;

		box-sizing: border-box;

		padding-left: 30px;

		border-radius: 20px;

		background: #e17f00;

		color: #fff;

		font-size: 18px;

		text-align: center;

		position: relative;

		transition: .3s;

		overflow: hidden;

	}




	.foot .content .f-right .liuyan a i {

		width: 30px;

		height: 44px;

		position: absolute;

		top: 0;

		left: 20px;

		background: url(../img/foot-liuyan.png) no-repeat center;

		transition: .5s;

	}



	.foot .content .f-right .liuyan a:hover i {

		animation: liuyan .5s linear 1 alternate forwards;

	}



	@keyframes liuyan {

		0%,

		100% {

			-webkit-transform: translateX(0);

		}

		10%,

		30%,

		50%,

		70%,

		90% {

			-webkit-transform: translateX(-5px);

		}

		20%,

		40%,

		60%,

		80% {

			-webkit-transform: translateX(5px);

		}

	}



	.foot .content .f-right .weibo a {

		background: url(../img/foot-wb2.png) no-repeat;

	}



	.foot .content .f-right .weixin a {

		background: url(../img/foot-wx2.png) no-repeat;

	}



	.foot .content .f-right .qq a {

		background: url(../img/foot-qq2.png) no-repeat;

	}



	.foot .beian {

		padding-top: 30px;

		color: #949494;

		font-size: 14px;

	}



	.foot .beian>div {

		display: inline-block;

	}



	.foot .beian a {

		color: #949494;

		transition: .3s;

		border-bottom: 1px solid transparent;

	}



	.foot .beian a:hover {

		color: #E17F00;

		border-bottom-color: #E17F00;

	}



	.foot .xian {

		width: 200px;

		position: absolute;

		top: -1px;

		left: 0px;

		background: #e17f00;

		height: 1px;

	}



	.foot .xian i {

		width: 11px;

		height: 11px;

		border: 2px solid #E17F00;

		float: right;

		background: #fff;

		border-radius: 50%;

		/*margin-top: -6.5px;

	margin-right: -13px;*/

		position: relative;

		top: -6.5px;

		right: -13px;

	}



	.all-fixed {
		position: fixed;
		top: 50%;
		margin-top: -140px;
		right: -180px;
		height: 280px;
		z-index: 99999;
		box-sizing: border-box;
		/*display: none;*/

	}
	.all-fixed .f-left{
	    position: relative;
	    top: 74px;
	    float: left;
	    width: 0px;
	    height: 100px;
	    border-top: 10px solid transparent;
	    border-right: 25px solid #169ceb;
	    border-bottom: 10px solid transparent;
	    text-align: center;
	    font-size: 13px;
	    color: #0b2a1a;
	    cursor: pointer;
	}
	.all-fixed .f-left p{
		position: absolute;
	    top: 10px;
	    left: 6px;
	    line-height: 20px;
	    color: #fff;
	}
	.all-fixed .f-right{
		width: 180px;
		background: #f8fbff;
		height: 100%;
	    border: 1px solid #dcdcdc;
	    box-sizing: border-box;
	}
	.all-fixed .title{
		margin-top: -67px;
		text-align: center;
	}
	.all-fixed h3{
		font-size: 18px;
		color: #333;
		font-weight: initial;
		text-align: center;
		letter-spacing: 0px;
		line-height: 1;
		margin: 10px 0 20px;
	}
	.all-fixed li{
		height: 40px;
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
		margin-bottom: 15px;
	}
	.all-fixed li:last-child{
		margin-bottom: 5px;
	}
	.all-fixed li a{
		width: 100%;
		height: 100%;
		background: #169ceb;
		display: block;
		color: #fff;
		text-align: center;
		font-size: 18px;
		line-height: 40px;
		transition: .3s;
		border-radius: 5px;
	}
	.all-fixed li a:hover{
		color: #fff;
	}

	#top{
		position: fixed;
	    z-index: 999999;
	    right: 15px;
	    width: 50px;
	    height: 50px;
        bottom: 30px;
        opacity: 0.9;
        background: #999 url(../img/kefu-top.png) no-repeat center;
        transition: .3s;
       /* display: none !important;*/
	}
	#top:hover{
		/*background-image: url(../img/kefu-top-on.png);*/
		background-color: #e17f00;
	}

	/*-----------------------------------------集团概况-----------------------------------------*/



	.banner {

		position: relative;

		overflow: hidden;

		width: 100%;

		z-index: 9;

	}



	.banner img {

		-webkit-transform: scale3d(1.1, 1.1, 1.1);

		transform: scale3d(1.1, 1.1, 1.1);

		-webkit-animation: minus 5s 0s ease both infinite;

		-moz-animation: minus 5s 0s ease both infinite;

		animation: minus 5s 0s ease both infinite;

		animation-iteration-count: 1;

		-webkit-animation-iteration-count: 1;

	}



	@keyframes minus {

		0% {

			-webkit-transform: scale3d(1.1, 1.1, 1.1);

			transform: scale3d(1.1, 1.1, 1.1);

		}

		100% {

			-webkit-transform: scale3d(1, 1, 1);

			transform: scale3d(1, 1, 1);

		}

	}



	.banner .txt {

		box-sizing: border-box;

		padding-left: 145px;

		padding-top: 125px;

		position: absolute;

		left: calc(50% - 800px);

		top: 0;

	}



	.banner .txt .English {

		text-transform: uppercase;

		font-size: 24px;

		color: #0f0f45;

	}



	.banner .txt h3 {

		font-size: 60px;

		color: #0f0f45;

		letter-spacing: 3px;

		line-height: 1;

	}



	.banner .txt .slogan {

		color: #2c2c2c;

		font-size: 20px;

		padding-top: 25px;

	}



	.all-main {

		position: relative;

		padding-top: 125px;

	}



	.head2 {

		width: 100%;

		height: 100px;

		position: absolute;

		top: -50px;

		z-index: 99;

	}



	.about-head2 .content {

		height: 100px;

		z-index: 9;

		left: calc(50% - 800px);

		background: #fff;

		box-shadow: 0px 2px 5px 2px #ccc;

		box-sizing: border-box;

		padding-left: 10px;

	}



	.about-head2 .content li {

		width: auto;

		height: 100px;

	}



	.about-head2 .content li a {

		text-align: center;

		font-size: 18px;

		color: #2c2c2c;

		height: 48px;

		line-height: 48px;

		display: block;

		margin-top: 25px;

		padding: 0 50px;

		transition: .3s;

		letter-spacing: 2px;

		position: relative;

	}



	.about-head2 .content li a:before {

		content: '';

		position: absolute;

		top: 6px;

		right: 0;

		width: 1px;

		height: 48px;

		background: url(../img/about/head2-xian.png) no-repeat center;

	}



	.about-head2 .content li:last-child a:before {

		width: 0;

	}



	.about-head2 .content li.active a,

	.about-head2 .content li:hover a {

		color: #e17f00;

	}



	.about-qyjj {

		width: 100%;

		color: #0f0f45;

		box-sizing: border-box;

		position: relative;

		overflow: hidden;

		padding-bottom: 70px;

	}



	.about-qyjj .title h3 {

		font-size: 28px;

		font-weight: initial;

		line-height: 1;

	}



	.about-qyjj .title p {

		font-size: 24px;

		text-transform: uppercase;

		font-weight: bold;

	}



	.about-qyjj .title hr {

		background: #e17f00;

		margin-top: 20px;
		text-align: center;
	}



	.about-qyjj .content {

		font-size: 0;

		padding-top: 40px;

		overflow: hidden;

	}



	.about-qyjj .content li {

		width: 500px;

		display: block;

		float: left;

		margin-right: 80px;

		vertical-align: top;

	}



	.about-qyjj .content li.one {

		width: 440px;

	}



	.about-qyjj .content li.one .one-img1 {

		margin-bottom: 35px;

	}



	.about-qyjj .content li.one img {

		padding-top: 15px;

	}



	.about-qyjj .content li.one .img {

		width: 120px;

		display: inline-block;

		text-align: center;

		padding-right: 40px;

	}



	.about-qyjj .content li.one p {

		display: inline-block;

		font-size: 20px;

		color: #2c2c2c;

		vertical-align: top;

		line-height: 1;

	}



	.about-qyjj .content li.one p span {

		color: #0f0f45;

		padding-top: 15px;

	}



	.about-qyjj .content li.one .one-img1 {

		padding-bottom: 30px;

		border-bottom: 1px solid #ddd;

	}



	.about-qyjj .content li.one .one-img1 span {

		font-weight: bold;

		font-size: 72px;

	}



	.about-qyjj .content li.one .one-img2 span {

		font-size: 36px;

	}



	.about-qyjj .content li.one .one-img2 p {

		padding-top: 20px;

	}



	.about-qyjj .content li.san {

		margin-right: 0;

		float: right;

	}



	.about-qyjj .content li h3 {

		font-size: 36px;

		color: #0f0f45;

		line-height: 1;

		margin-bottom: 35px;

		font-weight: inherit;

	}



	.about-qyjj .content li:not(:first-child) p {

		font-size: 14px;

		color: #333;

		margin-bottom: 35px;

	}
	.about-qyjj .content li:last-child p{
		margin-bottom: 58px;
	}


	.about-qyjj .content li:not(:first-child) img {

		width: 100%;

	}



	.about-main:before {

		content: '';

		position: absolute;

		top: 0;

		right: 0;

		width: 208px;

		height: 206px;

		background: url(../img/about/about-qyjj-bg1.png) no-repeat center;

	}



	.about-qyjj:after {

		content: '';

		position: absolute;

		bottom: 0;

		left: 0;

		width: 208px;

		height: 206px;

		background: url(../img/about/about-qyjj-bg2.png) no-repeat center;

	}



	.about-interpreta {

		background: url(../img/about/about-interpreta-bg.jpg) no-repeat;

		background-size: 100% 100%;

		text-align: center;

		position: relative;

	}



	.about-interpreta .title {

		width: 100%;

		color: #0f0f45;

		position: absolute;

		top: 55px;

		left: ;

	}



	.about-interpreta .title p {

		font-size: 28px;

		line-height: 1;

	}



	.about-interpreta .title h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.about-interpreta .title hr {

		background: #e17f00;

		margin: 0 auto;

		margin-top: 20px;

	}



	.about-interpreta .content {

		position: relative;

		width: 1000px;

		margin: 0 auto;

	}



	.about-interpreta .content .txt {

		position: absolute;

		color: #484a4c;

		font-size: 16px;

	}



	.about-interpreta .t1 {

		top: 145px;

		left: -230px;

	}



	.about-interpreta .t2 {

		top: 325px;

		left: -310px;

	}



	.about-interpreta .t3 {

		top: 520px;

		left: -300px;

	}



	.about-interpreta .t4 {

		top: 760px;

		left: -170px;

	}



	.about-interpreta .t5 {

		top: 145px;

		right: -225px;

	}



	.about-interpreta .t6 {

		top: 340px;

		right: -310px;

	}



	.about-interpreta .t7 {

		top: 555px;

		right: -200px;

	}



	.about-interpreta .t8 {

		top: 760px;

		right: 25px;

	}



	.about-dsj {

		height: auto;

		position: relative;

	}



	.about-dsj .bg {

		width: 100%;

		position: relative;

		top: -50px;

	}



	.about-dsj .content {

		position: absolute;

		top: 0;

		left: calc(50% - 800px);

	}



	.about-dsj .content .title {

		color: #fff;

		padding-top: 60px;

	}



	.about-dsj .content .title p {

		font-size: 28px;

		line-height: 1;

	}



	.about-dsj .content .title h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.about-dsj .content .title hr {

		background: #e17f00;

		margin: 0 auto;

		margin-top: 20px;

	}



	.about-dsj-wrapper {

		width: 1200px;

		margin: 0 auto;

		position: relative;

	}



	.about-dsj-slide {

		overflow: hidden;

		height: 395px;

		width: 1000px;

		margin: 0 auto;

	}



	.about-dsj .about-lunbo {

		position: absolute;

		top: 50%;

		width: 33px;

		height: 52px;

		margin-top: -26px;

		z-index: 10;

		cursor: pointer;

		background-size: 33px 52px;

		background-position: center;

		background-repeat: no-repeat;

	}



	.about-dsj .lunbo-next {

		background-image: url(../img/pro/next.png);

		left: auto;

		right: 0px;

	}



	.about-dsj .lunbo-prev {

		background-image: url(../img/pro/prev.png);

		left: 0px;

		right: auto;

	}



	.about-dsj .content .main {

		padding-top: 20px;

		text-align: center;

	}



	.about-dsj .content li {

		overflow: hidden;

		margin-right: 60px;

	}



	.about-dsj .content li:last-child {

		margin-right: 0;

	}



	.about-dsj .content li:nth-child(2n) {

		position: relative;

		top: 72px;

	}



	.about-dsj .content li .yuan {

		width: 145px;

		height: 145px;

		border-radius: 50%;

		background: rgba(255, 255, 255, .8);

		text-align: center;

		line-height: 145px;

		margin: 0 auto;

		transition: .3s;

		color: #0f0f45;

		font-size: 28px;

	}



	.about-dsj .content li h4 {

		font-size: 16px;

		color: #fff;

		font-weight: initial;

		text-align: center;

		margin-top: 40px;

		transition: .5s;
	}

	.about-dsj .content li:hover .yuan {

		background: #f89f2c;

		color: #fff;

	}



	.about-hjxx {

		padding-bottom: 100px;

	}



	.about-hjxx .title {

		color: #0f0f45;

	}



	.about-hjxx .title p {

		font-size: 28px;

		line-height: 1;

	}



	.about-hjxx .title h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.about-hjxx .title hr {
		text-align: left;

		background: #e17f00;

		margin-top: 20px;

		margin-bottom: 40px;



	}



	.about-hjxx .content {

		overflow: hidden;

	}



	.about-hjxx .content>div {

		width: 50%;

		height: 600px;

	}



	.about-hjxx .content>div img {

		width: 100%;

	}



	.about-hjxx .content .f-right>div {

		width: 390px;

		height: 295px;

		margin-left: 10px;

		float: left;

	}



	.about-hjxx .content .f-right>div:nth-child(-n+2) {

		margin-bottom: 10px;

	}

	/*-----------------------------------------企业文化-----------------------------------------*/



	.about-qywh .title {

		color: #0f0f45;

	}



	.about-qywh .title p {

		font-size: 28px;

		line-height: 1;

	}



	.about-qywh .title h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.about-qywh .title hr {

		background: #e17f00;

		margin-top: 20px;

		margin-bottom: 40px;

		text-align: left;

	}



	.about-qywh .about-qywh-img img {

		width: 100%;

		transition: .3s;

	}



	.about-qywh .about-qywh-img {

		width: 100%;

		overflow: hidden;

	}



	.about-qywh .about-qywh-img>div {

		float: left;

		position: relative;

		overflow: hidden;

		height: auto;

		transition: .5s;

		height: 590px;
	}
	.about-qywh .about-qywh-img>div img{
		height: 100%

	}
	.about-qywh .img1 {

		width: 27%;

	}
	.about-qywh .about-qywh-img .img-hover{
		width: 73%;
		overflow: hidden;
	}

	.about-qywh .about-qywh-img .img-hover>div{

		width: 33.3333%;

		float: left;

		position: relative;

		height: 100%;

		transition: .5s;
	}
	.about-qywh .about-qywh-img .img-hover>div:before{
		content: '';
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		transition: .5s;
	}
	.about-qywh .about-qywh-img .img-hover>div.active:before{
		opacity: 1;
	}
	.about-qywh .about-qywh-img .img-hover>div img{
		width: auto;
		height: 100%;
		max-width:initial;
	}

	.about-qywh .about-qywh-img .img-hover>div.active .txt{
		opacity: 1;
		color: #fff;
	}
	.about-qywh .about-qywh-img .img-hover>div.active .txt h3{
		color: #fff;
	}
	.about-qywh .about-qywh-img .img-hover>div.active .txt p{
		color: #fff;
	}


	.about-qywh .txt {

		position: absolute;

		top: 20%;

		left: 60px;

		transition: .3s;

		opacity: 0;

	}

	.about-qywh .txt h3 {

		font-size: 30px;

		font-weight: initial;

		letter-spacing: 3px;

		transition: .3s;

	}



	.about-qywh .txt p {

		font-size: 16px;

		transition: .3s;

		color: #333;

	}

	.about-qywh  h3 {

		color: #0f0f45;

	}



	.about-qywh  .txt {

		left: 0;

		text-align: center;

		width: 100%;

	}



	.about-jyzx {

		padding-top: 50px;

		margin-bottom: 50px;

	}



	.about-jyzx .title {

		color: #0f0f45;

	}



	.about-jyzx .title .xian {

		width: 1160px;

		border-bottom: 1px solid #ddd;

		padding-bottom: 40px;

		padding-left: 20px;

		box-sizing: border-box;

		position: relative;

	}



	.about-jyzx .title .xian:before {

		width: 1px;

		height: 80px;

		content: '';

		background: #ddd;

		position: absolute;

		bottom: 0;

		left: 0;

	}



	.about-jyzx .title .quan {

		width: 11px;

		height: 11px;

		border: 2px solid #E17F00;

		border-radius: 50%;

		position: absolute;

		bottom: -7.5px;

	}



	.about-jyzx .title .quan1 {

		left: -6.5px;

		bottom: 80px;

	}



	.about-jyzx .title .quan2 {

		left: 80px;

	}



	.about-jyzx .title .quan3 {

		left: 625px;

	}



	.about-jyzx .title .quan4 {

		right: -15px;

	}



	.about-jyzx .title p {

		font-size: 28px;

		line-height: 1;

	}



	.about-jyzx .title h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.about-jyzx .content {

		font-size: 0;

		padding-top: 35px;

	}



	.about-jyzx .content li {

		display: block;

		float: left;

		width: 520px;

		height: 560px;

		margin-right: 20px;

		position: relative;

		background-repeat: no-repeat;

		background-size: 100% 100%;

		transition: .3s;

	}



	.about-jyzx .content li:hover {

		box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
		margin-top: -5px;

	}



	.about-jyzx .content li:last-child {

		margin-right: 0px;

	}



	.about-jyzx .content .bg1 {

		background-image: url(../img/about/about-jyzx-bg1.jpg);

	}



	.about-jyzx .content .bg2 {

		background-image: url(../img/about/about-jyzx-bg2.jpg);

	}



	.about-jyzx .content .bg3 {

		background-image: url(../img/about/about-jyzx-bg3.jpg);

	}



	.about-jyzx .content .txt {

		width: 100%;

		height: 100%;

		padding: 60px 40px;

		box-sizing: border-box;

	}



	.about-jyzx .content .txt h3 {

		color: #0f0f45;

		font-size: 32px;

		line-height: 1;

		padding-bottom: 30px;

		letter-spacing: 2px;

	}



	.about-jyzx .content .txt p {

		color: #6b6b6b;

		font-size: 14px;

	}



	.about-jy {

		position: relative;

	}



	.about-jy .bg {

		width: 100%;

		position: relative;

	}



	.about-jy .title {

		color: #0f0f45;

		position: absolute;

		top: 0;

		left: calc(50% - 800px);

		height: 100%;

	}



	.about-jy .title p {

		font-size: 28px;

		line-height: 1;

	}



	.about-jy .title h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.about-jy .title hr {

		background: #e17f00;

		margin-top: 20px;

		margin-bottom: 40px;

		text-align: center;
	}



	.about-jy .content {

		position: relative;

		width: 100%;

		height: calc(100% - 133px);

	}



	.about-jy .content .img-txt {

		position: absolute;

		left: 180px;

		top: 220px;

	}



	.about-jy .content .img-dsz {

		margin-left: 860px;

		height: 100%;

	}

	/*-----------------------------------------汉思全球-----------------------------------------*/



	.about-main-bg {

		height: 100%;

		background: url(../img/about/about-hsqq-bg.jpg) no-repeat center;

		background-size: 1500px;

	}



	.about-hsqq .title {

		color: #0f0f45;

	}



	.about-hsqq .title h3 {

		font-size: 28px;

		font-weight: initial;

		line-height: 1;

	}



	.about-hsqq .title p {

		font-size: 24px;

		text-transform: uppercase;

		font-weight: bold;

	}



	.about-hsqq .title hr {

		background: #e17f00;

		margin-top: 20px;

		margin-bottom: 25px;

		text-align: left;
	}



	.about-hsqq .title .txt {

		font-size: 16px;

		color: #333;

		line-height: 35px;

		font-weight: initial;

	}



	.about-head3 {

		margin-top: 30px;

		height: 50px;

		background: #475470;

		margin-bottom: 60px;

	}



	.about-head3 li {

		width: 160px;

		height: 50px;

		color: #fff;

		line-height: 50px;

		text-align: center;

		font-size: 18px;

		cursor: pointer;

	}



	.about-head3 li.active {

		transition: .3s;

		margin-top: -2px;

		padding-top: 2px;

		background: #e17f00;

	}



	.about-hsqq .content {

		min-height: 600px;

		/*overflow: hidden;*/

	}



	.about-hsqq .content li {

		transition: .3s;

	}



	.about-hsqq .content .main {

		width: 513.3333px;

		height: 251px;

		margin-right: 30px;

		background: #f8f8f8;

		float: left;

		margin-bottom: 30px;

		box-sizing: border-box;

		padding: 45px 40px 0;

		color: #333333;

		font-size: 16px;

		line-height: 30px;

		transition: .3s;
	}



	.about-hsqq .content .main:nth-child(3n) {

		margin-right: 0;

	}



	.about-hsqq .content .main h3 {

		position: relative;

		font-size: 28px;

		color: #0f0f45;

		line-height: 32px;

		font-weight: initial;

		padding-bottom: 20px;

	}



	.about-hsqq .content .main h3 img {

		height: 32px;

	}
	.about-hsqq .content .main:hover{
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		transform: translateY(-5px);
	}



	.about-hsqq .content .main span {

		color: #6c6c6c;

		display: inline;

	}



	.about-hsqq .main2,

	.about-hsqq .main3 {

		display: none;

	}

	/*-----------------------------------------客户见证-----------------------------------------*/



	.about-khjz {

		margin-bottom: 100px;

	}



	.about-khjz .title {

		color: #0f0f45;

	}



	.about-khjz .title h3 {

		font-size: 28px;

		font-weight: initial;

		line-height: 1;

	}



	.about-khjz .title p {

		font-size: 24px;

		text-transform: uppercase;

		font-weight: bold;

	}



	.about-khjz .title hr {

		background: #e17f00;

		margin-top: 20px;

		margin-bottom: 25px;

		text-align: left;
	}



	.about-khjz .title .txt {

		font-size: 16px;

		color: #333;

		line-height: 35px;

		font-weight: initial;

	}



	.about-khjz .content {

		overflow: hidden;

		font-size: 0;

		padding-top: 30px;

	}



	.about-khjz .content li {

		width: 785px;

		height: 340px;

		display: block;

		float: left;

		box-sizing: border-box;

		border: 1px solid #ddd;

		padding: 20px;

		margin-bottom: 30px;

		background: #f8f8f8;

	}



	.about-khjz .content li:nth-child(2n-1) {

		margin-right: 30px;

	}



	.about-khjz .content li>div,

	.about-khjz .content li>a>div {

		float: left;

	}



	.about-khjz .content .img {

		width: 300px;

		height: 300px;

		background: #fff;

		text-align: center;

		display: flex;

		align-items: center;

		justify-content: center;

		overflow: hidden;

	}



	.about-khjz .content img {

		max-width: 100%;
		transition: .3s;

	}
.about-khjz .content li:hover img{
	transform: scale(1.1);
}



	.about-khjz .content .txt {

		padding-left: 30px;

		padding-top: 20px;

		color: #333;

		font-size: 16px;

		line-height: 30px;

		width: 440px;

		box-sizing: border-box;

	}

	.about-khjz .content li:hover h3{
		color: #e17f00;
	}

	.about-khjz .content .txt h3 {

		color: #0f0f45;

		font-size: 28px;

		line-height: 1;

		margin-bottom: 35px;

		font-weight: initial;

		letter-spacing: 3px;
		transition: .3s;
	}



	.about-khjz .content .txt span {

		color: #6C6C6C;

		display: inline;

	}



	.about-khjz .content2 {

		font-size: 0;

		padding-top: 60px;

		overflow: hidden;

	}



	.about-khjz .content2 li {

		width: 300px;

		height: 205px;

		display: block;

		margin-right: 25px;

		margin-bottom: 25px;

		float: left;

	}



	.about-khjz .content2 li:nth-child(5n) {

		margin-right: 0;

	}



	.about-khjz .content2 .img {

		width: 100%;

		height: 160px;

		display: flex;

		align-items: center;

		justify-content: center;

		border: 1px solid #ddd;

		box-sizing: border-box;

		overflow: hidden;

		transition: .3s;

	}
	.about-khjz .content2 li:hover .img{
		box-shadow: 0px 3px 3px 1px #ccc;
	}

	.about-khjz .content2 li:hover h4{
		color: #e17f00;
	}
	.about-khjz .content2 li h4 {

		font-size: 20px;

		color: #0f0f45;

		line-height: 1;

		text-align: center;

		padding-top: 20px;
		transition: .3s;

	}



	.about-khjz .more {

		height: 60px;

		display: block;

		background: #f2f2f2;

		color: #0f0f45;

		line-height: 60px;

		text-align: center;

		font-size: 20px;

		margin-top: 50px;

		font-weight: bold;

		letter-spacing: 2px;

		transition: .3s;

	}
	.about-khjz .more:hover{
		color: #fff;
		background: #e17f00;

	}
	/*-----------------------------------------客户见证详情页-----------------------------------------*/

	.hzkh-del{
		background:#f6f6f6;
		padding-bottom: 100px;
	}

	.hzkh-del .del-link{
	    width: 120px;
	    height: 35px;
	    display: block;
	    text-align: center;
	    background: #949494;
	    color: #fff;
	    line-height: 35px;
	    border-radius: 20px;
	    transition: .3s;
	    margin-top: 25px;
	}
	.hzkh-del .del-link:hover{
		background: #e17f00;
		color: #fff;
	}
	.hzkh-del .content{
		background: #fff;
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	}

	.hzkh-del .content .content-title{
		height: 500px;

	}
	.hzkh-del .content .content-title>div{
		height: 100%;
		box-sizing: border-box;
	}
	.hzkh-del .content .content-title .f-left{
		width: 750px;
		padding: 30px;
	}
	.hzkh-del .content .content-title .f-left .img{
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.hzkh-del .content .content-title .f-left img{
		transition: .3s;
		height: 100%;
	}
	.hzkh-del .content .content-title .f-left .img:hover img{
		transform: scale(1.1);
	}
	.hzkh-del .content .content-title .f-right{
		width: 450px;
		padding-top: 60px;
		padding-right: 30px;
	}
	.hzkh-del .content .content-title .f-right h3{
		color: #0f0f45;
		font-size: 36px;
		font-weight: initial;
		line-height: 1;
		padding-bottom: 50px;
	}
	.hzkh-del .content .content-title .f-right p{
		color: #666;
		font-size: 16px;
		margin-bottom: 30px;
		line-height: 1;
	}
	.hzkh-del .content .content-title .f-right p span{
		color: #202020;
		display: inline;
	}
	.hzkh-del .alxq{
		min-height: 400px;
		margin: 0 30px;
		border-top: 1px solid #ddd;
		padding: 40px 0;
	}
	.hzkh-del .alxq .title{
		color: #e17f00;
		font-size: 28px;
		height: 30px;
		line-height: 30px;
		border-left: 3px solid #e17f00;
		padding-left: 25px;
		margin-bottom: 30px;
	}
	.hzkh-del .alxq .txt{
		line-height: 30px;
	}
	.hzkh-del .alxq .txt p{
		margin-bottom: 20px;
	}
	.case-link{
		padding-top: 40px !important;
	}
	.case-link li{
		width: 190px !important;
		margin: 0 !important;
		height: 45px !important;
    	line-height: 45px !important;
	}
	.case-link li~li{
		margin-left: 20px !important;
	}
	.case-link a i{
		left: 20px !important;
		height: 45px !important;
	}
	/*-----------------------------------------产品-----------------------------------------*/



	.pro-main .content {

		overflow: hidden;

		font-size: 0;

		padding-top: 30px;

		padding-bottom: 100px;

	}



	.pro-main .content li {

		width: 785px;

		height: 400px;

		display: block;

		float: left;

		padding: 20px;

		box-sizing: border-box;

		border: 1px solid #ddd;

		margin-bottom: 30px;

		background: #f8f8f8;

	}



	.pro-main .content li:hover .img img {

		transform: scale(1);

	}



	.pro-main .content li:hover .txt a {

		background: #E17F00;

	}



	.pro-main .content li .txt a:hover i {

		transform: rotate(360deg);

	}



	.pro-main .content li:nth-child(2n-1) {

		margin-right: 30px;

	}



	.pro-main .content li>div {

		float: left;

	}



	.pro-main .content .img {

		width: 360px;

		height: 360px;

		background: #fff;

		text-align: center;



	}
	.pro-main .content .img a{
		display: block;
		width: 100%;
		height: 100%;
		display: flex;

		align-items: center;

		justify-content: center;

		overflow: hidden;
	}



	.pro-main .content img {

		transform: scale(0.9);
		width: 80%;
		height: 80%;

		transition: .3s;

	}



	.pro-main .content .txt {

		padding-left: 30px;

		padding-top: 20px;

		color: #333;

		font-size: 16px;

		line-height: 30px;

		width: 380px;

		box-sizing: border-box;

	}



	.pro-main .content .txt h3 {

		color: #0f0f45;

		font-size: 28px;

		line-height: 40px;

	}



	.pro-main .content .txt hr {

		background: #e17f00;

		margin: 20px 0;

		text-align: left;
	}



	.pro-main .content .txt p {

		line-height: 30px;

		font-size: 14px;

		color: #6c6c6c;

	}



	.pro-main .content .txt a {

		text-transform: uppercase;

		width: 120px;

		height: 35px;

		border-radius: 20px;

		text-align: center;

		font-size: 16px;

		line-height: 35px;

		display: block;

		vertical-align: top;

		position: relative;

		color: #fff;

		box-sizing: border-box;

		padding-right: 10px;

		background: #aaa;

		margin-top: 25px;

		transition: .3s;

	}



	.pro-main .content .txt a i {

		position: absolute;

		right: 12px;

		width: 12px;

		height: 35px;

		background: url(../img/index/pro-content1-icon.png) no-repeat center;

		transition: .5s;

	}

	/*-----------------------------------------产品详情-----------------------------------------*/



	.pro-del {

		margin-bottom: 50px;
		position: relative;
		z-index: 2;

	}



	.pro-del>div.title {

		height: 35px;

		padding-top: 20px;

	}



	.pro-del .title .f-left {

		color: #6b6b6b;

		font-size: 14px;

		line-height: 35px;

		height: 35px;

	}

	.pro-del .title .f-left a{

		transition: .3s;

	}

	.pro-del .title .f-left a:hover{

		color: #E17F00;

	}

	.pro-del .title .color {

		color: #0f0f45;

	}



	.pro-del .title .f-right {

		width: 120px;

		height: 35px;

		display: block;

		text-align: center;

		background: #949494;

		color: #fff;

		line-height: 35px;

		border-radius: 20px;

		transition: .3s;

	}



	.pro-del .title .f-right:hover {

		background: #e17f00;

	}



	.pro-del>div.content {

		overflow: hidden;

		padding-top: 80px;

		margin-bottom: 30px;

	}



	.pro-del>div.content .f-left {

		width: 1000px;

		position: relative;

		text-align: center;

		overflow: hidden;

		padding-bottom: 50px;

		height: 550px;

		box-sizing: border-box;

	}

	.pro-del>div.content .f-left .albums li{

		align-items: center;

		justify-content: center;

		display: flex;

		height: 550px;

	}

	.pro-del .content .f-left .swiper-pagination-bullet-active {

		background: #e17f00;

	}



	.pro-del .content .f-left .lunbo-page {

		position: absolute;

		top: 50%;

		width: 33px;

		height: 52px;

		margin-top: -26px;

		z-index: 10;

		cursor: pointer;

		background-size: 33px 52px;

		background-position: center;

		background-repeat: no-repeat;

	}



	.pro-del .content .f-left .lunbo-prev {

		background-image: url(../img/pro/prev.png);

		left: 10px;

		right: auto;

	}



	.pro-del .content .f-left .lunbo-next {

		background-image: url(../img/pro/next.png);

		left: auto;

		right: 10px;

	}



	.pro-del>div.content .f-right {

		width: 600px;

		box-sizing: border-box;

		padding-left: 60px;

	}



	.pro-del .content .f-right h2 {

		font-size: 36px;

		color: #0f0f45;

	}



	.pro-del .content .f-right hr {

		background: #e17f00;

		margin-top: 20px;

		margin-bottom: 30px;

		text-align: left;
	}



	.pro-del>div.content .f-right>p ,
	.pro-del>div.content .f-right .pro-del-rz{

		font-size: 16px;

		line-height: 1;

		position: relative;

		padding-left: 90px;

		color: #2c2c2c;

		margin-bottom: 20px;

		width: 100%;

		box-sizing: border-box;

		line-height: 30px;

		min-height: 30px;

	}
	.pro-del>div.content .f-right .pro-del-rz{
		width: 480px;
	}


	.pro-del .content .f-right>p span,
	.pro-del>div.content .f-right .pro-del-rz>span{

		color: #6b6b6b;

		position: absolute;

		left: 0;

	}

.pro-del>div.content .f-right .pro-del-rz li{
	display: inline-block;
}


	.pro-del .content .f-right p img {

		margin-right: 5px;

	}



	.pro-del-nav {

		height: 80px;

		z-index: 9;

		background: #fff;

		box-shadow: 0px 2px 5px 2px #ccc;

		box-sizing: border-box;

		padding-left: 10px;

	}



	.pro-del-nav.fixed {

		position: fixed;

		left: 0;

		top: 0;

		z-index: 9999;

		width: 100%;

		padding: 0 calc(50% - 800px);

		text-align: center;

	}



	.pro-del-nav li {

		width: auto;

		height: 80px;

	}



	.pro-del-nav li a {

		text-align: center;

		font-size: 18px;

		color: #2c2c2c;

		height: 48px;

		line-height: 48px;

		display: block;

		margin-top: 20px;

		padding: 0 50px;

		transition: .3s;

		letter-spacing: 2px;

		position: relative;

	}



	.pro-del-nav li a:before {

		content: '';

		position: absolute;

		top: 6px;

		right: 0;

		width: 1px;

		height: 48px;

		background: url(../img/about/head2-xian.png) no-repeat center;

	}



	.pro-del-nav li:last-child a:before {

		width: 0;

	}



	.pro-del-nav li.on a,

	.pro-del-nav li:hover a {

		color: #e17f00;

	}



	.pro-del>.content2 {

		overflow: hidden;

		padding-top: 80px;

	}



	.pro-del .content2>div.f-left {

		width: 72.5%;

	}

	/*核心优势*/



	.pro-del .content2 .advantage {

		overflow: hidden;

	}



	.pro-del .content2 .advantage .txt {

		width: 40.5172%;

		float: left;

	}



	.pro-del .content2 .advantage .txt h3 {

		color: #e17f00;

		font-size: 36px;

		font-weight: initial;

	}



	.pro-del .content2 .advantage .txt .tuwen {

		padding-top: 50px;

	}



	.pro-del .content2 .advantage .txt .tuwen li {

		text-align: center;

		margin-right: 70px;

	}



	.pro-del .content2 .advantage .txt .tuwen li:last-child {

		margin-right: 0;

	}



	.pro-del .content2 .advantage .video {

		width: 51.7241%;

		float: right;

	}



	.pro-del .content2 .advantage .video-sizi {

		width: 100%;

		height: 340px;

		position: relative;

		/*background: #000;*/

	}

	/*.pro-del .content2 .advantage .video-sizi:before{
			width: 95px;

			height: 95px;

			background: url(../img/index/index-play.png) no-repeat center;

			position: absolute;

			top: calc(50% - 47px);

			left: calc(50% - 47px);

			content: '';
		}*/

	.pro-del .content2 .advantage video {

		width: 100%;

		height: 100%;

	}



	.pro-del .content2 .advantage .video p {

		height: 50px;

		text-align: center;

		line-height: 50px;

		color: #2c2c2c;

		font-size: 18px;

		border: 1px solid #ddd;

		box-sizing: border-box;

		margin: 0;

		border-top: 0;

	}

	/*产品详情通用头部*/



	.pro-del .all-title .title {

		padding-top: 50px;

		/*border-bottom: 1px solid #ddd;*/

		height: auto;

	}



	.pro-del .all-title .title h3 {

		font-size: 28px;

		color: #0f0f45;

		line-height: 1;

		padding-bottom: 20px;

		border-bottom: 1px solid #e17f00;

		margin-bottom: -1px;

		letter-spacing: 3px;

	}

	/*产品规格参数*/



	.pro-del .ggcs .content {

		overflow: hidden;

		border-right: 1px solid #ddd;

		border-left: 1px solid #ddd;

		box-sizing: border-box;

	}



	.pro-del .ggcs .f-left {

		width: 42.9310%;

		height: 360px;

		margin: 30px;

		align-items: center;

		justify-content: center;

		display: flex;

		overflow: hidden;

		/*box-shadow: 0px 3px 3px 3px #f3f3f3;*/



	}



	.pro-del .ggcs .f-left img {

		max-width: 100%;

		transition: .3s;

	}

	.pro-del .ggcs .f-left img:hover{

		transform: scale(1.1);

	}

	.pro-del .ggcs .f-right {

		padding-top: 50px;

		padding-left: 80px;

		float: left;

	}



	.pro-del .ggcs .f-right h3 {

		font-size: 36px;

		color: #e17f00;

		line-height: 1;

		font-weight: initial;

		letter-spacing: 3px;

	}



	.pro-del .ggcs .f-right .a-link li {

		width: 220px !important;

	}



	.pro-del .ggcs .f-right p {

		font-size: 14px;

		color: #333;

		padding-top: 40px;

	}



	.pro-del .ggcs .cpxh img {

		width: 100%;

	}

	.pro-del .ggcs .cpxh table{

		text-align: center;

		width: 100%  !important;

	}

	.pro-del .ggcs .cpxh tr:nth-child(2n-1){

		background: #f6f6f6;

	}

	.pro-del .ggcs .cpxh tr:first-child,
	.pro-del .ggcs .cpxh tr:first-child td p,
	.pro-del .ggcs .cpxh tr:first-child td span{

		background: #475470 !important;

		color: #fff !important;

		font-size: 16px !important;

	}

	.pro-del .ggcs .cpxh tr{

		/*height: 60px;*/



	}
	.pro-del .ggcs .cpxh tr td span{
		color: rgb(0, 0, 0) !important;
		font-family: '微软雅黑'!important
	}
	.pro-del .ggcs .cpxh tr td{

		height: 60px;

		border: 1px solid !important;
		border-color: #ddd !important;
		vertical-align:middle;

	}

	/*.pro-del .ggcs .cpxh tr td:nth-child(1){

		width: 100px !important;

	}

	.pro-del .ggcs .cpxh tr td:nth-child(2){

		width: calc(100% - 100px - 80px - 60px - 150px - 120px - 100px) !important;

	}

	.pro-del .ggcs .cpxh tr td:nth-child(3){

		width: 80px !important;

	}

	.pro-del .ggcs .cpxh tr td:nth-child(4){

		width: 60px !important;

	}

	.pro-del .ggcs .cpxh tr td:nth-child(5){

		width: 150px !important;

	}

	.pro-del .ggcs .cpxh tr td:nth-child(6){

		width: 120px !important;

	}

	.pro-del .ggcs .cpxh tr td:nth-child(7){

		width: 100px !important;

	}*/

	.pro-del .ggcs .cpxh tr:not(:first-child) td:nth-child(2){

		/*padding-left: 40px !important;

		text-align: left;*/

		line-height: 25px;

	}

	.pro-del .ggcs .cpxh tr:not(:first-child) td{



		box-sizing: border-box;

	}

	.pro-del .ggcs .cpxh tr:first-child td{

		border: 0 !important;

	}



	/*材料性能*/



	.pro-del .clxn .content {

		padding-top: 30px;

		overflow: hidden;

		min-height: 300px;

	}



	.pro-del .clxn .content .f-left,

	.pro-del .clxn .content .f-right {

		width: 48%;

		text-align: left;

	}

	.pro-del .clxn .content table{

		border: 0;

		width: 100% !important;

	}

	.pro-del .clxn .content tr{

		height: 60px;

	}

	.pro-del .clxn .content tr td{

		vertical-align: middle;

		box-sizing: border-box;

		border: 1px solid #ddd;
	}

/*	.pro-del .clxn .content tr td:nth-child(1){

		width: 28%;

	}

	.pro-del .clxn .content tr td:nth-child(2){

		width: 32%;

	}

	.pro-del .clxn .content tr td:nth-child(3){

		width: 40%;

	}*/

	.pro-del .clxn .content table tbody>tr:nth-child(2n-1){

		background: #f6f6f6;

	}

	.pro-del .clxn .content .f-left table tbody>tr:first-child{

		background: #2c61d4;

	}

	.pro-del .clxn .content .f-right table tbody>tr:first-child{

		background: #e17f00;

	}
	.pro-del .clxn .content .f-left table tbody>tr:first-child td{
		border-color: #2c61d4 !important;
	}
	.pro-del .clxn .content .f-right table tbody>tr:first-child td{
		border-color: #e17f00 !important;
	}

	.pro-del .clxn .content tr:first-child td,
	.pro-del .clxn .content tr:first-child td p,
	.pro-del .clxn .content tr:first-child td span{

		text-align: center !important;

		font-size: 18px !important;

		color: #fff !important;

	}

	.pro-del .clxn .content tr:not(:first-child) td{

		padding-left: 20px;

		border: 1px solid #ddd;

		font-size: 16px;

	}

	.pro-del .clxn .content .title2 h4 {

		color: #2c2c2c;

		font-size: 24px;

		line-height: 1;

		padding-bottom: 20px;

		font-weight: initial;

	}



	.pro-del .clxn .beizu {

		padding-top: 20px;

	}



	.pro-del .cptd{

		min-height: 300px;

	}



	.pro-del .cptd .content {

		width: 100% !important;

		overflow: hidden;

		font-size: 0;

		padding-top: 25px;

		padding-left: 3px;

	}



	.pro-del .cptd .content li {

		width: 31.3793%;

		height: 180px;

		display: block;

		float: left;

		margin-right: 2.6724%;

		transition: .3s;

		margin-bottom: 20px;

		padding-left: 50px;

		box-shadow: -1px 3px 10px 4px #f3f3f3;

		box-sizing: border-box;

	}

	.pro-del .cptd .content li:hover{

		transform: translateY(-2px);

	}

	.pro-del .cptd .content li:nth-child(3n) {

		margin-right: 0;

	}



	.pro-del .cptd .content li>div {

		float: left;

	}



	.pro-del .cptd .content li .img {

		width: 90px;

		height: 100%;

		display: flex;

		align-items: center;

		justify-content: center;

	}



	.pro-del .cptd .content li .txt {

		width: calc(100% - 90px);

		height: 100%;

		display: flex;

		align-items: center;

		/*justify-content: center;*/

		padding-left: 30px;

		box-sizing: border-box;

	}



	.pro-del .cptd .content li .txt p {

		color: #2c2c2c;

		font-size: 16px;

		font-weight: bold;

		width: 100%;

		-webkit-line-clamp: 5;
	overflow: hidden;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	}

	/*工作原理*/



	.pro-del .gzyl .content {

		border: 1px solid #ddd;

		overflow: hidden;

		border-top: 0;

	}



	.pro-del .gzyl .f-left {

		width: 48%;

		height: 420px;

		display: flex;

		align-items: center;

		justify-content: center;

		box-sizing: border-box;

		padding: 30px;

	}



	.pro-del .gzyl .f-left img {

		max-width: 100%;

	}



	.pro-del .gzyl .f-right {

		width: 52%;

		height: 420px;

		align-items: center;

		/*justify-content: center;*/

		display: flex;

	}



	.pro-del .gzyl .f-right .txt {

		width: 515px;

		padding-left: 50px;

		box-sizing: border-box;

	}



	.pro-del .gzyl .f-right .txt h4 {

		font-size: 36px;

		color: #E17F00;

		line-height: 1;

		padding-bottom: 30px;

	}



	.pro-del .gzyl .f-right .txt p {

		font-size: 18px;

		color: #333;

		line-height: 35px;

	}

	/*品质认证*/



	.pro-del .pzrz .content {

		border: 1px solid #ddd;

		overflow: hidden;

		border-top: 0;

	}



	.pro-del .pzrz .f-left {

		width: 53.8793%;

		height: 420px;

		box-sizing: border-box;

		padding-top: 80px;

		padding-left: 60px;

	}



	.pro-del .pzrz .f-left .txt p {

		font-size: 18px;

		color: #333;

		line-height: 35px;

	}



	.pro-del .pzrz .f-left .txt .img {

		padding-top: 50px;

	}



	.pro-del .pzrz .f-left .txt img {

		margin-right: 30px;

	}



	.pro-del .pzrz .f-right {

		width: 45.9482%;

		height: 420px;

		text-align: center;

		box-sizing: border-box;

		overflow: hidden;

		padding-right: 4px;

	}



	.pro-del .pzrz .f-right li {

		align-items: center;

		justify-content: center;

		display: flex;

		cursor: pointer;

	}

	.pro-del .pzrz .f-right li img{

		max-width: 220px;

		max-height: 320px;

	    box-shadow: -1px 3px 10px 3px #f3f3f3;
	}

	/*专业设备检测*/



	.pro-del .sbjc .content {

		padding-top: 30px;

		overflow: hidden;

	}



	.pro-del .sbjc .content>div {

		height: 400px;

		margin-right: 4px;

		float: left;

	}



	.pro-del .sbjc .content .content1,

	.pro-del .sbjc .content .content2 {

		width: 34.2241%;

	}



	.pro-del .sbjc .content .content2 img:first-child {

		margin-bottom: 4px;

	}



	.pro-del .sbjc .content .content3 {

		width: 30.862%;

		margin-right: 0;

	}

	/*产品应用*/



	.pro-del .cpyy .content {

		padding-top: 30px;

		overflow: hidden;

		font-size: 0;

		padding-left: 4px;

		min-height: 300px;

	}



	.pro-del .cpyy .content li {

		width: 48.8%;

		height: 410px;



		margin-bottom: 20px;

		float: left;

		box-sizing: border-box;

		padding: 30px;
		box-shadow: -1px 3px 10px 4px #f3f3f3;
		text-align: center;
		transition: .3s;
		border: 1px solid transparent;

	}

.pro-del .cpyy .content li:hover{
	border-color: #ddd;

}


	.pro-del .cpyy .content li:nth-child(2n-1) {

		margin-right: 2%;

	}



	.pro-del .cpyy .content li .img img {

		width: 100%;

	}



	.pro-del .cpyy .content li p {

		padding-top: 10px;

		line-height: 60px;

		font-size: 18px;

		color: #2c2c2c;

	}



	.pro-del .content2>div.f-right {

		width: 27.5%;

		overflow: hidden;

		padding-left: 50px;

		box-sizing: border-box;

	}



	.pro-del .content2>div.f-right .title {

		line-height: 1;

		font-size: 28px;

		color: #0f0f45;

		position: relative;

	}



	.pro-del .content2>div.f-right .title a {

		width: 80px;

		position: absolute;

		right: 0;

		bottom: -10px;

		font-size: 16px;

		color: #0f0f45;

		text-transform: uppercase;

		transition: .3s all;

		display: inline-block;

		text-align: right;

		border-bottom: 1px solid transparent;

		padding: 10px 0;

	}



	.pro-del .content2>div.f-right .title a:hover {

		padding: 10px;

		right: 20px;

		color: #E17F00;

	}



	.pro-del .content2>div.f-right hr {

		background: #e17f00;

		margin-top: 20px;

	}



	.pro-del .content2>div.f-right .content {

		overflow: hidden;

		padding-top: 40px;

	}



	.pro-del .content2>div.f-right .content li {

		display: block;

		margin-bottom: 20px;

	}



	.pro-del .content2>div.f-right .content li a {

		padding: 20px;

		display: block;

		background: #f8f8f8;

		transition: .3s;

		box-sizing: border-box;

		border: 1px solid transparent;

	}

	.pro-del .content2>div.f-right .content li a h4 {
		font-size: 20px;
		line-height: 1;
		padding: 30px 0 20px;
		color: #0f0f45;
	}

	.pro-del .content2>div.f-right .content li:hover a {

		border-color: #ddd;

		transform: translateY(-2px);

		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);

	}



	.pro-del .content2>div.f-right .content li a .img {

		width: 100%;

		background: #fff;

		/*padding: 20px 0;*/

		text-align: center;

		overflow: hidden;

		min-height: 300px;

	}

	.pro-del .content2>div.f-right .content li.myBtn:hover:before{

		border-top-color: #ddd !important;

		border-right-color: #ddd !important;

	}

	.pro-del .content2>div.f-right .content li.myBtn:hover::after{

		border-bottom-color: #ddd !important;

		border-left-color: #ddd !important;

	}

	.pro-del .content2>div.f-right .content li a p {

		color: #6c6c6c;

		font-size: 14px;

	}

	/*-----------------------------------------定制服务-----------------------------------------*/



	.service {

		position: relative;

		padding-top: 350px;

	}

	/*定制原则*/



	.service .dzyz {

		height: 450px;

		background: url(../img/service/service-dzyz.jpg) no-repeat;

		position: absolute;

		top: -100px;

		left: calc(50% - 800px);

		z-index: 99;

		box-shadow: -1px 3px 10px 3px #f3f3f3;

	}



	.service .dzyz>div {

		height: 100%;

	}



	.service .dzyz .f-left {

		width: 27%;

		box-sizing: border-box;

		padding: 75px 60px 0 60px;

		color: #0f0f45;

	}



	.service .dzyz .f-left p {

		font-size: 28px;

		line-height: 1;

	}



	.service .dzyz .f-left h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.service .dzyz .f-left hr {

		background: #e17f00;

		margin: 20px 0;

	}



	.service .dzyz .f-left .txt {

		font-size: 14px;

		color: #333;

		line-height: 35px;

	}



	.service .dzyz .f-right {

		width: 73%;

	}



	.service .dzyz .f-right .content {

		width: 100%;

		height: 100%;

		align-items: center;

		justify-content: center;

		display: flex;

	}



	.service .dzyz .f-right .content li {

		margin: 0 60px;

	}



	.service .dzyz .f-right .content p {

		text-align: center;

		padding-top: 40px;

		color: #0f0f45;

		font-size: 18px;

	}

	/*品质*/



	.service .pz {

		height: 485px;

	}



	.service .pz>div {

		height: 100%;

	}



	.service .pz .f-left {

		width: 43.75%;

		box-sizing: border-box;

		padding: 100px 0 0 150px;

	}



	.service .pz .f-left h3 {

		color: #E17F00;

		font-size: 36px;

		line-height: 1;

	}



	.service .pz .f-left>p {

		color: #333;

		font-size: 14px;

		padding-top: 40px;

		line-height: 30px;

	}



	.service .pz .f-left ul {

		padding-top: 45px;

	}



	.service .pz .f-left ul li {

		padding-right: 60px;

	}



	.service .pz .f-left ul p {

		font-size: 16px;

		color: #2c2c2c;

		text-align: center;

	}



	.service .pz .f-right {

		width: 56.25%;

		text-align: center;
   	 	box-sizing: border-box;
    	overflow: hidden;

	}

	.service .pz .f-right li{
		align-items: center;

		justify-content: center;

		display: flex;
	}

	.service .pz .f-right li img{
		max-width: 220px;
    	max-height: 320px;
    	box-shadow: -1px 3px 10px 3px #f3f3f3;
	}

	/*化学产品*/



	.service .hxcp {

		background: #f5f5f5;

		overflow: hidden;

	}



	.service .hxcp .title {

		padding-top: 85px;

		text-align: center;

		padding-bottom: 50px;

	}



	.service .hxcp .title h3 {

		line-height: 1;

		color: #0f0f45;

		font-size: 36px;

		font-weight: initial;

		letter-spacing: 3px;

	}



	.service .hxcp .title hr {

		background: #e17f00;

		margin: 25px auto 30px;

	}



	.service .hxcp .title ul {

		text-align: center;

	}



	.service .hxcp .title ul li a {

		width: 180px;

		height: 45px;

		line-height: 45px;

		color: #fff;

		background: #949494;

		display: block;

		border-radius: 30px;

		margin: 0 20px;

		font-size: 20px;

		transition: .3s;

	}



	.service .hxcp .title ul li.active a,

	.service .hxcp .title ul li:hover a {

		background: #e17f00;

	}



	.service .hxcp .content-main {

		overflow: hidden;

	}



	.service .hxcp .content {

		padding-left: 3px;

		font-size: 0;

	}



	.service .hxcp .content li {

		width: 32%;

		height: 510px;

		border-radius: 5px;

		margin-right: 2%;

		background: #fff;

		/*box-shadow: -1px 3px 10px 3px #f3f3f3;*/

		box-sizing: border-box;

		padding: 30px;

		vertical-align: top;

		transition: .5s;

	}

	.service .hxcp .content li:hover{

		box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.2);

		transform: translateY(-5px);

	}

	.service .hxcp .content li:last-child {

		margin-right: 0;

	}



	.service .hxcp .content .img {

		width: 100%;

		text-align: center;

	}



	.service .hxcp .content img {

		width: 100%;

	}



	.service .hxcp .content h3 {

		color: #0f0f45;

		font-size: 28px;

		padding-top: 35px;

		line-height: 1;

	}



	.service .hxcp .content .txt1 {

		color: #484a4c;

		font-size: 16px;

		line-height: 25px;

		padding-top: 10px;

		height: 50px;

	}



	.service .hxcp .content .txt2 {

		padding-left: 55px;

		height: 55px;

		position: relative;

		box-sizing: border-box;

		margin-top: 20px;

	}



	.service .hxcp .content .txt2 i {

		position: absolute;

		top: 0;

		left: 0;

		display: block;

	}



	.service .hxcp .content .txt2 h4 {

		color: #e17f00;

		font-size: 24px;

		line-height: 1;

	}



	.service .hxcp .content .txt2 p {

		color: #484a4c;

		font-size: 16px;

		line-height: 25px;

		padding-top: 10px;

	}



	.service .hxcp .a-link {

		padding: 75px 0;

	}



	.service .hxcp .a-link li {

		width: 260px;

	}



	.service .hxcp .a-link .xqdz a {

		background: #0f0f45;

		/*box-shadow: 0px 3px 3px 1px #dbe4f8;*/

	}

	/*开发流程*/



	.service .kflc {

		padding-top: 80px;

		padding-bottom: 100px;

	}



	.service .kflc .title {

		color: #0f0f45;

		padding-bottom: 50px;

	}



	.service .kflc .title p {

		font-size: 28px;

		line-height: 1;

	}



	.service .kflc .title h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.service .kflc .title hr {

		background: #e17f00;

		margin: 20px 0;

	}



	.service .kflc .content {

		padding-bottom: 100px;

		position: relative;

	}



	.service .kflc .content .xian {

		width: 220px;

		height: 1px;

		border: 0;

		border-top: 1px solid #f7f7f7;

		background: #dedede;

		position: absolute;

		top: 85px;

	}



	.service .kflc .content .xian1 {

		left: 282px;

	}



	.service .kflc .content .xian2 {

		left: 676px;

	}



	.service .kflc .content .xian3 {

		left: 1069px;

	}



	.service .kflc .content .jt-left {

		width: 20px;

		height: 20px;

		background: url(../img/xiao-jt-left.png) no-repeat center;

		position: absolute;

		top: 76px;

	}



	.service .kflc .content .jt-left1 {

		left: 382px;

	}



	.service .kflc .content .jt-left2 {

		left: 776px;

	}



	.service .kflc .content .jt-left3 {

		left: 1169px;

	}



	.service .kflc .content li {

		text-align: center;

		vertical-align: top;

		position: relative;

		z-index: 99;

	}



	.service .kflc .content li .img {

		width: 170px;

		height: 170px;

		margin: 0 110px;

		box-sizing: border-box;

		border: 5px solid #0f0f45;

		border-radius: 50%;

		align-items: center;

		justify-content: center;

		display: flex;

		transition: .5s;

	}



	.service .kflc .content li .img div {

		/*transition: .5s;*/

	}



	.service .kflc .content li .img1 {

		width: 75px;

		height: 71px;

		background: url(../img/service/service-kflc1.png) no-repeat;

		background-position-y: -71px;

		overflow: hidden;

	}



	.service .kflc .content li .img2 {

		width: 75px;

		height: 75px;

		background: url(../img/service/service-kflc2.png) no-repeat;

		background-position-y: -75px;

		overflow: hidden;

	}



	.service .kflc .content li .img3 {

		width: 92px;

		height: 80px;

		background: url(../img/service/service-kflc3.png) no-repeat;

		background-position-y: -80px;

		overflow: hidden;

	}



	.service .kflc .content li .img4 {

		width: 68px;

		height: 82px;

		background: url(../img/service/service-kflc4.png) no-repeat;

		background-position-y: -82px;

		overflow: hidden;

	}



	.service .kflc .content li:hover .img div {

		background-position-y: 0;

	}



	.service .kflc .content li h4 {

		padding-top: 30px;

		padding-bottom: 15px;

		line-height: 1;

		color: #111111;

		font-size: 28px;

		font-weight: initial;

		letter-spacing: 2px;

	}



	.service .kflc .content li p {

		color: #949494;

		font-size: 18px;

		line-height: 1;

		text-transform: uppercase;

	}



	.service .kflc .content-txt {

		position: relative;

		padding-top: 200px;

	}



	.service .kflc .content-txt ul {

		width: 100%;

		height: 200px;

		position: absolute;

		top: 0;

		left: 0;

		border-radius: 100px;

		box-shadow: 0px 0px 10px 3px #eee;

		text-align: center;

		align-items: center;

		justify-content: center;

		display: flex;


	}



	.service .kflc .content-txt ul li {

		margin: 0 20px;

		text-align: center;

		box-sizing: border-box;

		vertical-align: top;

	}

	.service .kflc .content-txt ul.one li{

		padding: 0 45px;
		text-align: center;
		width: 320px;

	}

	.service .kflc .content-txt ul.two li,
	.service .kflc .content-txt ul.three li{
		width: 20%;
		margin: 0;
		padding: 30px;
		text-align: center;
	}
	.service .kflc .content-txt ul.four li{
		margin: 75px;
	}
	.service .kflc .content-txt ul .sjx {

		border-left: 24px solid transparent;

		border-right: 24px solid transparent;

		border-bottom: 28px solid #fff;

		position: absolute;

		top: -28px;

		left: 200px;

		margin-left: -28px;

	}



	.service .kflc .content-txt ul .sjx:before {

		content: '';

		position: absolute;

		border-left: 24px solid transparent;

		border-right: 24px solid transparent;

		border-bottom: 26px solid #eee;

		position: absolute;

		top: 0;

		left: 3px;

		z-index: -1;

		margin-left: -28px;

		filter: blur(2px);

	}



	.service .kflc .content-txt .two,

	.service .kflc .content-txt .three,

	.service .kflc .content-txt .four {

		display: none;

	}



	.service .kflc .content-txt .two .sjx {

		left: 590px;

	}



	.service .kflc .content-txt .three .sjx {

		left: 980px;

	}



	.service .kflc .content-txt .four .sjx {

		left: 1380px;

	}



	.service .kflc .content-txt ul li h4 {

		font-size: 22px;

		color: #0f0f45;

		line-height: 1;

		padding-bottom: 20px;

	}



	.service .kflc .content-txt ul li p {

		color: #484a4c;

		height: 72px;

	}



	.service .khjz .title {

		color: #0f0f45;

		padding-bottom: 50px;

	}



	.service .khjz .title p {

		font-size: 28px;

		line-height: 1;

	}



	.service .khjz .title h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.service .khjz .title hr {

		background: #e17f00;

		margin: 20px 0;

	}



	.service .khjz .title .txt {

		color: #333;

		font-size: 16px;

		line-height: 30px;

	}



	.service .khjz .about-khjz {

		margin-bottom: 20px;

		overflow: hidden;

	}



	.service .khjz .about-khjz .content {

		overflow: initial;

		padding-bottom: 60px;

	}



	.service .khjz .about-khjz .content li {

		margin-bottom: 0;

	}



	.service .khjz .about-khjz .swiper-pagination span {

		width: 20px;

		height: 20px;

		opacity: 1;

		background: #949494;

		box-sizing: border-box;

	}



	.service .khjz .about-khjz .swiper-pagination .swiper-pagination-bullet-active {

		background: transparent;

		border: 2px solid #0f0f45;

	}

	/*-----------------------------------------汉思研发-----------------------------------------*/



	.research {

		position: relative;

		padding-top: 350px;

		padding-bottom: 200px;

	}

	/*定制原则*/



	.research .lshx {

		height: 450px;

		background: url(../img/service/service-dzyz.jpg) no-repeat;

		position: absolute;

		top: -100px;

		left: calc(50% - 800px);

		z-index: 99;

		box-shadow: -1px 3px 10px 3px #f3f3f3;

	}



	.research .lshx>div {

		height: 100%;

	}



	.research .lshx .f-left {

		width: 27%;

		box-sizing: border-box;

		padding: 75px 60px 0 60px;

		color: #0f0f45;

	}



	.research .lshx .f-left p {

		font-size: 28px;

		line-height: 1;

	}



	.research .lshx .f-left h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.research .lshx .f-left hr {

		background: #e17f00;

		margin: 20px 0;

	}



	.research .lshx .f-left .txt {

		font-size: 14px;

		color: #333;

		line-height: 35px;

	}



	.research .lshx .f-right {

		width: 73%;

		padding-top: 75px;

	}



	.research .lshx .f-right>div {

		float: left;

	}



	.research .lshx .f-right .txt {

		width: 470px;

	}



	.research .lshx .f-right .txt h3 {

		color: #e17f00;

		line-height: 1;

		padding-bottom: 20px;

		font-size: 36px;

		font-weight: initial;

	}



	.research .lshx .f-right .txt p {

		padding-top: 20px;

	}



	.research .lshx .f-right .img {

		width: calc(1600px - 432px - 470px);

		text-align: center;

	}



	.research .cxyhz {

		margin-top: 75px;

		position: relative;

	}



	.research .cxyhz img {

		width: 100%;

	}



	.research .cxyhz .title {

		position: absolute;

		text-align: center;

		top: 80px;

		color: #fff;

		width: 100%;

	}



	.research .cxyhz .title p {

		font-size: 28px;

		line-height: 1;

	}



	.research .cxyhz .title h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.research .cxyhz .title hr {

		background: #fff;

		margin: 15px auto;

	}



	.research .cxyhz .title .txt {

		font-size: 16px;

		line-height: 35px;

		opacity: .8;

	}



	.research .cxyhz .content {

		position: absolute;

		bottom: -190px;

		left: calc(50% - 800px);

		font-size: 0;

	}



	.research .cxyhz .content li {

		width: 32%;

		height: 350px;

		background: #fff;

		margin-right: 2%;

		transition: .3s;

	}



	.research .cxyhz .content li:hover {

		padding-top: 2px;

	}



	.research .cxyhz .content li:last-child {

		margin-right: 0;

	}



	.research .cxyhz .content li .img {

		height: 300px;

		box-sizing: border-box;

		border: 1px solid #ddd;

		overflow: hidden;

		transition: .3s;

	}



	.research .cxyhz .content li:hover .img {

		border-color: transparent;

		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);

		transform: translateY(-2px);

	}



	.research .cxyhz .content li img {

		width: 100%;

		transform: scale(1.01);

		transition: .3s;

	}



	.research .cxyhz .content li h5 {

		line-height: 50px;

		color: #2c2c2c;

		font-size: 24px;

		font-weight: initial;

		text-align: center;

		letter-spacing: 3px;

	}



	.research .yffwnl {

		width: 1120px;

		margin: 0 auto;

		margin-top: 190px;

		position: relative;

	}



	.research .yffwnl .txt {

		position: absolute;

	}



	.research .yffwnl .txt h4 {

		color: #0f0f45;

		font-size: 28px;

		font-weight: normal;

	}



	.research .yffwnl .txt p {

		font-size: 16px;

		color: #484a4c;

	}



	.research .yffwnl .txt1 {

		top: 200px;

		left: -130px;

	}



	.research .yffwnl .txt2 {

		top: 420px;

		left: -180px;

	}



	.research .yffwnl .txt3 {

		top: 650px;

		left: -130px;

	}



	.research .yffwnl .txt4 {

		top: 200px;

		right: -60px;

	}



	.research .yffwnl .txt5 {

		top: 420px;

		right: -100px;

	}



	.research .yffwnl .txt6 {

		top: 650px;

		right: -60px;

	}



	.research .yfzzjd .title {

		color: #0f0f45;

	}



	.research .yfzzjd .title h3 {

		font-size: 24px;

		text-transform: uppercase;

		font-weight: bold;

	}



	.research .yfzzjd .title p {

		font-size: 28px;

		font-weight: initial;

		line-height: 1;

	}



	.research .yfzzjd .title hr {

		background: #e17f00;

		margin-top: 20px;

		margin-bottom: 25px;

	}



	.research .yfzzjd .title .txt {

		font-size: 16px;

		color: #484a4c;

		line-height: 35px;

		font-weight: initial;

	}



	.research .yfzzjd .img {

		padding-top: 40px;

	}



	.research .yfzzjd .img img {

		width: 100%;

	}

	/*-----------------------------------------发展战略-----------------------------------------*/



	.deve-banner {

		z-index: 9;

	}



	.deve-banner-bg {

		position: absolute;

		top: 303px;

	}



	.deve-fzzl {

		position: relative;

		top: -130px;

		z-index: 999;

		width: 1400px;

		float: right;

	}



	.deve-fzzl img {

		width: 100%;

	}



	.deve-fzzl-txt {

		width: 587px;

		position: absolute;

		top: 600px;

		left: calc(50% - 800px);

		z-index: 999;

	}



	.deve-fzzl-txt .title {

		background: #fff;

		padding-top: 60px;

		padding-left: 60px;

	}



	.deve-fzzl-txt .title h3 {

		text-transform: uppercase;

		font-size: 46px;

		color: #12a170;

		line-height: 50px;

	}



	.deve-fzzl-txt .title p {

		font-size: 36px;

		color: #e17f00;

	}



	.deve-fzzl-txt .title hr {

		background: #E17F00;

		margin-top: 20px;

	}



	.deve-fzzl-txt .txt {

		padding: 60px 50px 0 60px;

	}



	.deve-fzzl-txt .txt p {

		font-size: 16px;

		color: #333;

		margin-top: 30px;

		line-height: 30px;

	}

	/*全球化战略*/



	.deve-hsadd {

		position: relative;

		display: inline-block;

	}



	.deve-hsadd img {

		width: 100%;

	}



	.deve-hsadd .txt {

		position: absolute;

		left: calc(50% + 240px);

		top: 180px;

		width: 460px;

	}



	.deve-hsadd .txt h3 {

		text-transform: uppercase;

		font-size: 46px;

		color: #12a170;

		line-height: 50px;

	}



	.deve-hsadd .txt p {

		font-size: 36px;

		color: #e17f00;

	}



	.deve-hsadd .txt hr {

		background: #E17F00;

		margin-top: 20px;

	}



	.deve-hsadd .txt .txt2 {

		margin-top: 30px;

		font-size: 16px;

		color: #333;

		line-height: 30px;

	}

	/*人才战略*/



	.deve-rczl {

		position: relative;

		height: 600px;

		top: -135px;

	}



	.deve-rczl>div {

		height: 100%;

	}



	.deve-rczl .f-left {

		padding: 100px 0 0 60px;

		width: 460px;

	}



	.deve-rczl .f-left h3 {

		text-transform: uppercase;

		font-size: 46px;

		color: #12a170;

		line-height: 50px;

	}



	.deve-rczl .f-left p {

		font-size: 36px;

		color: #e17f00;

	}



	.deve-rczl .f-left hr {

		background: #E17F00;

		margin-top: 20px;

	}



	.deve-rczl .f-left .txt2 {

		margin-top: 30px;

		font-size: 16px;

		color: #333;

		line-height: 30px;

	}



	.deve-rczl .f-right {

		width: calc(1600px - 690px);

		align-items: center;

		justify-content: center;

		display: flex;

	}



	.deve-hbzl {

		position: relative;

		height: 600px;

		clear: both;

		top: -150px;

	}



	.deve-hbzl>div {

		height: 100%;

		float: left;

	}



	.deve-hbzl .f-left {

		width: calc(1600px - 690px);

		align-items: center;

		justify-content: center;

		display: flex;

	}



	.deve-hbzl .f-left img {

		width: 180px;

		margin: 15px;

	}



	.deve-hbzl .f-right {

		padding: 60px 0 0 0px;

		width: 460px;

		box-sizing: border-box;

	}



	.deve-hbzl .f-right h3 {

		text-transform: uppercase;

		font-size: 46px;

		color: #12a170;

		line-height: 50px;

	}



	.deve-hbzl .f-right p {

		font-size: 36px;

		color: #e17f00;

	}



	.deve-hbzl .f-right hr {

		background: #E17F00;

		margin-top: 20px;

	}



	.deve-hbzl .f-right .txt2 {

		margin-top: 30px;

		font-size: 16px;

		color: #333;

		line-height: 30px;

	}

	/*-----------------------------------------新闻中心-----------------------------------------*/



	.latest-news {

		height: 600px;

		border: 1px solid #ddd;

		box-sizing: border-box;

		background: #f8f8f8;

		margin-bottom: 25px;

		display: block;

	}



	.latest-news>div {

		float: left;

		height: 100%;

		box-sizing: border-box;

	}



	.latest-news .f-left {

		width: 54%;



		padding: 30px;

	}



	.latest-news .f-left .img {

		overflow: hidden;

		width: 100%;

		height: 100%;

		align-items: center;

		justify-content: center;

		display: flex;
	}



	.latest-news .f-left:hover img {

		transform: scale(1.1);

	}



	.latest-news .f-right {

		width: 46%;

		padding: 120px 50px 0;

	}



	.latest-news .f-right h3 {

		font-size: 28px;

		color: #0f0f45;

		line-height: 1.3;

		font-weight: initial;

		transition: .3s;

	}



	.latest-news:hover .f-right h3 {

		color: #e17f00;

	}



	.latest-news .f-right .time {

		font-size: 14px;

		color: #949494;

		font-weight: initial;

		margin-top: 10px;

		margin-bottom: 30px;

		display: inline-block;

	}



	.latest-news .f-right .txt {

		color: #6c6c6c;

		font-size: 14px;

	}



	.latest-news .f-right .link {

		margin-top: 70px;

		color: #0f0f45;

		line-height: 40px;



		font-size: 18px;

		display: inline-block;

		transition: .3s;

	}



	.latest-news:hover .f-right .link {

		color: #e17f00;

		padding: 0 20px;

	}

	.latest-news:hover .f-right .link:before{

		border-top-color: #e17f00;

		/* 上边框颜色 */

		border-right-color: #e17f00;

		/* 右边框颜色 */

		width: 100%;

		height: 100%;

		transition: width .2s, height .2s .2s;

	}

	.latest-news:hover .f-right .link:after{

		border-bottom-color: #e17f00;

		/* 下边框颜色 */

		border-left-color: #e17f00;

		/* 左边框颜色 */

		width: 100%;

		height: 100%;

		transition: border-color 0s .4s, width .2s .4s, height .2s .6s;

	}

	.news {

		position: relative;

		overflow: hidden;

	}



	.news li {

		width: 100%;

		border: 1px solid #ddd;

		box-sizing: border-box;

		height: 330px;

		background: #f8f8f8;

		margin-bottom: 25px;

	}



	.news li>div {

		float: left;

		height: 100%;

	}



	.news li .time {

		width: 21.5%;

	}



	.news li .time h4 {

		padding-top: 110px;

		color: #0f0f45;

		font-size: 60px;

		line-height: 1;

		text-align: center;

		transition: .3s;

	}

	.news li:hover .time h4{

		color: #e17f00;

	}

	.news li .time p {

		color: #949494;

		font-size: 24px;

		padding-left: 56%;

	}



	.news li .content {

		width: 45%;

	}



	.news li .content h3 {

		font-size: 28px;

		color: #0f0f45;

		line-height: 1.3;

		padding: 50px 0 20px;

		font-weight: initial;

		transition: .3s;

	}



	.news li:hover .content h3 {

		color: #e17f00;

	}



	.news li .content .txt {

		color: #6c6c6c;

		font-size: 14px;

		padding-right: 10px;

	}



	.news li .content .link {

		padding-top: 35px;

		color: #0f0f45;

		font-size: 18px;

		display: inline-block;

		border-bottom: 1px solid transparent;

		transition: .3s;

	}



	.news li:hover .content .link {

		color: #e17f00;

		border-bottom-color: #e17f00;

	}



	.news li .img {

		width: 33.5%;

		float: right;

		padding: 30px;

		box-sizing: border-box;


	}

	.news li .img .img-hover{
		width: 100%;
		height: 100%;
		overflow: hidden;

		align-items: center;

		justify-content: center;

		display: flex;

	}

	.news li .img img {

		max-width: 100%;

		transition: .3s;

	}

	.news li:hover .img img{

		transform: scale(1.1);

	}

	.news-more {

		display: block;

		height: 60px;

		line-height: 60px;

		background: #f8f8f8;

		text-align: center;

		font-size: 18px;

		color: #0f0f45;

		margin-bottom: 100px;

		transition: .3s;

	}

	.news-more:hover{

		background: #e17f00;

		color: #fff;

	}

	/*-----------------------------------------新闻详情-----------------------------------------*/



	.news-del {

		padding-top: 50px;

		padding-bottom: 50px;
		position: relative;
		z-index: 9;

	}



	.news-del .title {

		text-align: center;

	}



	.news-del .title h3 {

		font-weight: initial;

		font-size: 24px;

		color: #333;

	}



	.news-del .title p {

		font-size: 14px;

		color: #a3afb7;

		padding-bottom: 10px;

		border-bottom: 1px solid #F0F2F5;

	}



	.news-del .title p span {

		margin-right: 20px;

	}



	.news-del .txt {

		padding-top: 30px;

		border-bottom: 1px solid #ddd;

		min-height: 400px;

	}



	.news-del .txt p {

		text-align: left;

		line-height: 30px;

		margin-bottom: 20px;

		text-indent: 2em;

	}

	.news-del .txt strong,
	.news-del .txt span
	{
		display: inline;
	}

	.news-del .txt p img {

		max-width: 100%;

	}



	.news-del .link {

		padding-top: 10px;

		line-height: 40px;

		overflow: hidden;

	}

	.news-del .link p{

		display: inline-block;

	}

	/*-----------------------------------------联系我们-----------------------------------------*/

	/*联系方式*/



	.contact {

		position: relative;

		padding-top: 350px;

		padding-bottom: 100px;

	}



	.contact .lxfs {

		height: 350px;

		background: url(../img/service/service-dzyz.jpg) no-repeat;

		position: absolute;

		top: -100px;

		left: calc(50% - 800px);

		z-index: 99;

		box-shadow: -1px 3px 10px 3px #f3f3f3;

	}



	.contact .lxfs>div {

		height: 100%;

	}



	.contact .lxfs .f-left {

		width: 27%;

		box-sizing: border-box;

		padding: 75px 60px 0 60px;

		color: #0f0f45;

	}



	.contact .lxfs .f-left p {

		font-size: 28px;

		line-height: 1;

	}



	.contact .lxfs .f-left h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.contact .lxfs .f-left hr {

		background: #e17f00;

		margin: 20px 0;

	}



	.contact .lxfs .f-left .txt {

		font-size: 14px;

		color: #333;

		line-height: 35px;

	}



	.contact .lxfs .f-right {

		width: 73%;

	}



	.contact .lxfs .f-right .content {

		width: 100%;

		height: 100%;

		align-items: center;

		justify-content: center;

		display: flex;

	}



	.contact .lxfs .f-right .content li {

		margin: 0 30px;

	}



	.contact .lxfs .f-right .txt {

		color: #0f0f45;

		font-size: 18px;

		margin-bottom: 10px;

	}



	.contact .dq-all {

		padding-top: 70px;

		color: #0f0f45;

	}



	.contact .dq-all .title p {

		font-size: 28px;

		line-height: 1;

	}



	.contact .dq-all .title h3 {

		font-size: 24px;

		text-transform: uppercase;

	}



	.contact .dq-all .title hr {

		background: #e17f00;

		margin-top: 20px;

		margin-bottom: 40px;

	}



	.contact .dq-all .content {

		/*overflow: hidden;*/

	}



	.contact .dq-all .content li {

		transition: .3s;

		width: 100%;

	}



	.contact .dq-all .content .main {

		width: 32%;

		margin-right: 2%;

		background: #f8f8f8;

		float: left;

		margin-bottom: 30px;

		box-sizing: border-box;

		padding: 30px 35px;

		color: #333333;

		font-size: 16px;

		line-height: 30px;

		height: 251px;

		transition: .3s;

	}

	.contact .dq-all .content .main:hover{
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
		transform: translateY(-5px);
	}


	.contact .dq-all .content .main:nth-child(3n) {

		margin-right: 0;

	}



	.contact .dq-all .content .main h3 {

		position: relative;

		font-size: 28px;

		color: #0f0f45;

		line-height: 32px;

		font-weight: initial;

		padding-bottom: 20px;

	}



	.contact .dq-all .content .main h3 img {

		height: 32px;

	}



	.contact .dq-all .content .main span {

		color: #6c6c6c;

		display: initial;

	}

	/*-----------------------------------------加入我们-----------------------------------------*/



	.join-banner .txt .English {

		color: #fff;

	}



	.join-banner .txt h3 {

		color: #fff;

		font-weight: normal;

	}



	.join-banner .txt .slogan {

		color: #fff;

		opacity: .8;

	}



	.join-us {

		position: relative;

		padding-top: 350px;

		padding-bottom: 100px;

	}

	/*创造时代*/



	.join-us .czsd {

		height: 450px;

		background: url(../img/service/service-dzyz.jpg) no-repeat;

		position: absolute;

		top: -100px;

		left: calc(50% - 800px);

		z-index: 99;

		box-shadow: -1px 3px 10px 3px #f3f3f3;

	}



	.join-us .czsd>div {

		height: 100%;

	}



	.join-us .czsd .f-left {

		width: 33%;

		box-sizing: border-box;

		padding: 75px 0px 0 60px;

	}



	.join-us .czsd .f-left h3 {

		color: #e17f00;

		font-size: 36px;

		font-weight: initial;

	}



	.join-us .czsd .f-left p {

		font-size: 14px;

		color: #333;

		padding-top: 30px;

	}



	.join-us .czsd .f-right {

		width: 67%;

		align-items: center;

		justify-content: center;

		display: flex;

		padding: 20px;

		box-sizing: border-box;

	}



	.join-us .czsd .f-right img {

		max-width: 100%;

	}



	.join-us .cjzj .title {

		padding-top: 100px;

		text-align: center;

	}



	.join-us .cjzj .title h3 {

		color: #e17f00;

		line-height: 1;

		font-size: 36px;

		font-weight: initial;

	}



	.join-us .cjzj .title hr {

		margin: 25px 0;

	}



	.join-us .cjzj .title p {

		color: #484a4c;

		font-size: 16px;

		line-height: 30px;

	}



	.join-us .cjzj .img {

		padding-top: 50px;

	}



	.join-us .cjzj .img img {

		width: 100%;

	}



	.join-us .getx {

		padding-top: 100px;

	}



	.join-us .getx h3 {

		color: #e17f00;

		line-height: 1;

		font-size: 36px;

		font-weight: initial;

		text-align: center;

	}



	.join-us .getx {

		position: relative;

		padding-top: 200px;

	}



	.join-us .getx .content-txt {

		width: 100%;

		height: 200px;

		border-radius: 100px;

		box-shadow: -1px 3px 10px 3px #f3f3f3;

		text-align: center;

		align-items: center;

		justify-content: center;

		display: flex;

		margin-top: 40px;

	}



	.join-us .getx .content-txt li {

		margin: 0 30px;

		text-align: center;

	}



	.join-us .getx .content-txt h4 {

		font-size: 42px;

		color: #0f0f45;

		line-height: 1;

		padding-bottom: 20px;

		font-weight: initial;

		font-family: mangal;

	}



	.join-us .getx .content-txt p {

		color: #484a4c;

		font-size: 14px;

	}



	.join-us .getx .content {

		margin-top: 50px;

		text-align: center;

		position: relative;

		background: url(../img/Join-us/jt-xian.png) no-repeat center;

	}



	.join-us .getx .content li {

		margin: 0 75px;

		vertical-align: top;

	}



	.join-us .getx .content li div {

		width: 160px;

		height: 160px;

		border-radius: 50%;

		box-sizing: border-box;

		border: 5px solid #0f0f45;

		align-items: center;

		justify-content: center;

		display: flex;

		background: #fff;

		transition: .5s;

	}



	.join-us .getx .content h4 {

		color: #111;

		font-size: 28px;

		font-weight: initial;

		transition: .5s;

	}



	.join-us .getx .content li:hover div {

		background: #e17f00;

		border-color: #f0f0f0;

	}



	.join-us .getx .content li:hover h4 {

		color: #fff;

	}



	.join-us .zxns {

		padding-top: 100px;

	}



	.join-us .zxns .title {

		color: #0f0f45;

	}



	.join-us .zxns .title h3 {

		font-size: 28px;

		font-weight: initial;

		line-height: 1;

	}



	.join-us .zxns .title p {

		font-size: 28px;

	}

	.join-us .zxns .title h3{
		    font-size: 24px;
    		text-transform: uppercase;
    		font-weight: bold;
	}

	.join-us .zxns .title hr {

		background: #e17f00;

		margin-top: 20px;

		margin-bottom: 25px;

	}



	.join-us .zxns .title .txt {

		font-size: 16px;

		color: #333;

		line-height: 35px;

		font-weight: initial;

	}



	.join-us .zxns .content {

		padding-top: 30px;

	}



	.join-us .zxns .content-title,

	.join-us .zxns .content-main>li {

		text-align: center;

		font-size: 0;

		margin-bottom: 20px;

	}



	.join-us .zxns .content-title {

		background: #0f0f45;

		height: 60px;

	}



	.join-us .zxns .content-title>li,

	.join-us .zxns .content-main>li .title li {

		width: 25%;

		font-size: 20px;

		color: #fff;

		height: 60px;

		line-height: 60px;

	}



	.join-us .zxns .content-title>li.two,

	.join-us .zxns .content-main>li .title li.two {

		width: 50%;

	}



	.join-us .zxns .content-main {

		position: relative;

		overflow: hidden;

	}



	.join-us .zxns .content-main>li {

		width: 100%;

		transition: .5s;

	}



	.join-us .zxns .content-main>li {

		background: #f8f8f8;

	}



	.join-us .zxns .content-main>li.active {

		background: #e17f00;

	}



	.join-us .zxns .content-main>li.active .title li {

		color: #fff;

	}



	.join-us .zxns .content-main>li .title li {

		color: #2c2c2c;

	}



	.join-us .zxns .content-main>li .txt {

		padding: 30px 50px;

		position: relative;

		background: #fff;

		border: 1px solid #e17f00;

		border-top: 0;

		box-sizing: border-box;

		display: none;

	}



	.join-us .zxns .content-main>li .txt p {

		padding-left: 110px;

		position: relative;

		line-height: 40px;

		font-size: 16px;

		color: #6c6c6c;

		display: block;

		text-align: left;

		margin-bottom: 35px;

		min-height: 40px;

	}



	.join-us .zxns .content-main>li .txt span {

		position: absolute;

		left: 0;

		top: 0;

		color: #333;

		display: block;

	}



	.join-us .zxns .content-main>li .txt a {

		display: block;

		color: #0f0f45;

		font-size: 20px;

		text-align: left;

		padding-left: 110px;

	}

	/*-----------------------------------------通用-----------------------------------------*/



	hr {

		width: 30px;

		height: 3px;

		border: 0;

		text-align: left;
	}



	.triangle i {

		transition: .5s;

	}



	.triangle:hover i {

		transform: rotate(360deg);

	}



	.a-link {

		text-align: center;

		padding-top: 60px;

	}



	.a-link li {

		width: 240px;

		height: 60px;

		line-height: 60px;

		margin: 0 10px;

	}



	.a-link a {

		width: 100%;

		height: 100%;

		display: block;

		color: #fff;

		box-sizing: border-box;

		padding-left: 20px;

		border-radius: 30px;

		font-size: 24px;

		position: relative;

		transition: .3s;

		overflow: hidden;

	}

	.anim {
		transform: translateY(-50%) translateX(-50%);
		position: absolute;
		top: 50%;
		left: 50%;
	}

	.anim:before {
		position: relative;
		content: '';
		display: block;
		margin-top: 100%;
	}

	.anim:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 50%;
	}

	.bor-a a:hover {
		/*box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225);*/
	}

	.bor-a a:hover .anim {
		animation: anim-out 0.75s;
	}

	.bor-a a:hover .anim:after {
		animation: anim-out-pseudo 0.75s;
	}

	@keyframes anim-out-pseudo {
	    0% { background: rgba(0, 0, 0, 0.25); }
	    100% { background: transparent; }
	}

	@keyframes anim-out {
	    0% { width: 0%; }
	    100% { width: 100%; }
	}

	.a-link .zxcg a {

		background: #e17f00;

	}



	/*.a-link .zxcg a:hover {

		box-shadow: 0px 3px 3px 1px #f4e2cb;

	}*/



	.a-link .xqdz a {

		background: #2c61d4;

	}



	/*.a-link .xqdz a:hover {

		box-shadow: 0px 3px 3px 1px #dbe4f8;

	}*/



	.a-link .lxdh a {

		background: #2c61d4

	}



	/*.a-link .lxdh a:hover {

		box-shadow: 0px 3px 3px 1px #dbe4f8;

	}*/



	.a-link a i {

		width: 30px;

		height: 60px;

		position: absolute;

		top: 0;

		left: 40px;

	}



	.a-link .zxcg a i {

		background: url(../img/foot-liuyan.png) no-repeat center;

	}



	.a-link .xqdz a i {

		background: url(../img/xqdz.png) no-repeat center;

	}



	.a-link .lxdh a i {

		background: url(../img/tel.png) no-repeat center;

		left: 25px;

	}



	.head-mbx {

		height: 80px;

		border-top: 1px solid #ddd;

		line-height: 80px;

		font-size: 16px;

		position: relative;

		z-index: 9

	}



	.head-mbx .w1200 {

		border-bottom: 1px solid #ddd;

		overflow: hidden;

	}



	.head-mbx a {

		margin: 0 5px;

		color: #666;

		transition: .3s;

	}

	.head-mbx a:hover {

		color: #e17f00;

	}

	/*淡入效果*/



	.animated {

		-webkit-animation-duration: 1s;

		animation-duration: 1s;

		-webkit-animation-fill-mode: both;

		animation-fill-mode: both

	}



	.animated.infinite {

		-webkit-animation-iteration-count: infinite;

		animation-iteration-count: infinite

	}



	.animated.hinge {

		-webkit-animation-duration: 2s;

		animation-duration: 2s

	}



	@keyframes bounceInUp {

		0%,

		100%,

		60%,

		75%,

		90% {

			-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

			transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

		}

		0% {

			opacity: 0;

			-webkit-transform: translate3d(0, 50px, 0);

			transform: translate3d(0, 50px, 0)

		}

		100% {

			opacity: 1;

			-webkit-transform: translate3d(0, 0, 0);

			transform: translate3d(0, 0, 0)

		}

	}



	.bounceInUp {

		-webkit-animation-name: bounceInUp;

		animation-name: bounceInUp

	}



	@-webkit-keyframes bounceOut {

		20% {

			-webkit-transform: scale3d(.9, .9, .9);

			transform: scale3d(.9, .9, .9)

		}

		50%,

		55% {

			opacity: 1;

			-webkit-transform: scale3d(1.1, 1.1, 1.1);

			transform: scale3d(1.1, 1.1, 1.1)

		}

		100% {

			opacity: 0;

			-webkit-transform: scale3d(.3, .3, .3);

			transform: scale3d(.3, .3, .3)

		}

	}



	.bounceInLeft {

		-webkit-animation-name: bounceInLeft;

		animation-name: bounceInLeft;

	}



	@keyframes bounceInLeft {

		0%,

		60%,

		75%,

		90%,

		100% {

			-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

			transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

		}

		0% {

			opacity: 0;

			-webkit-transform: translate3d(-200px, 0, 0);

			transform: translate3d(-200px, 0, 0);

		}

		100% {

			opacity: 1;

			-webkit-transform: translate3d(0, 0, 0);

			transform: translate3d(0, 0, 0);

		}

	}



	@keyframes bounceInRight {

		0%,

		60%,

		75%,

		90%,

		100% {

			-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

			transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

		}

		0% {

			opacity: 0;

			-webkit-transform: translate3d(400px, 0, 0);

			transform: translate3d(400px, 0, 0);

		}

		100% {

			opacity: 1;

			-webkit-transform: translate3d(0px, 0, 0);

			transform: translate3d(0px, 0, 0);

		}

	}



	.bounceInRight {

		-webkit-animation-name: bounceInRight;

		animation-name: bounceInRight;

	}



	.myBtn {

		text-decoration: none;

		box-sizing: border-box;

		position: relative;

		border-radius: 3px;

	}



	.myBtn:before,

	.myBtn:after {

		box-sizing: border-box;

		content: '';

		border: 1px solid transparent;

		border-radius: 3px;

		position: absolute;

		width: 0;

		height: 0;

	}



	.myBtn:before {

		top: 0;

		left: 0;

		transition: border-color 0s .8s, width .2s .6s, height .2s .4s;

	}



	.myBtn:hover:before {

		border-top-color: #e17f00;

		/* 上边框颜色 */

		border-right-color: #e17f00;

		/* 右边框颜色 */

		width: 100%;

		height: 100%;

		transition: width .2s, height .2s .2s;

	}



	.myBtn:after {

		right: 0;

		bottom: 0;

		transition: border-color 0s .4s, width .2s .2s, height .2s;

	}



	.myBtn:hover:after {

		border-bottom-color: #e17f00;

		/* 下边框颜色 */

		border-left-color: #e17f00;

		/* 左边框颜色 */

		width: 100%;

		height: 100%;

		transition: border-color 0s .4s, width .2s .4s, height .2s .6s;

	}

	.bg-gray {
  background: #f4f4f4;
  padding-bottom: 80px;
}

.page-title {
  padding: 50px 0;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}


.page-title h3 {
  color: #333;
  font-size: 36px;
  line-height: 1;
  font-weight: initial;
}

.page-title p {
  margin-top: 18px;
  color: #333;
  font-size: 16px;
}
.form-box-1 ul{

}
.form-box-1 ul li {
  float: left;
  padding: 0 25px;
  width: 391px;
  height: 60px;
  line-height: 60px;
  background: #fff;
  box-sizing: border-box;
}

.form-box-1 ul li~li {
  margin-left: 13px;
}

.form-box-1 label {
  margin-right: 5px;
  cursor: default;
}

.form-box-1 ul li input,
.form-box-2 ul li input {
  width: 250px;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  font-size: 16px;
}

.form-box-1 .form-textarea,
.form-box-2 .form-textarea {
  margin-bottom: 40px;
  margin-top: 10px;
  padding: 20px 25px;
  background: #fff;
}

.form-box-1 .form-textarea textarea {
  width: 1060px;
  height: 180px;
  font-size: 16px;
}
.center{
  text-align: center;
}
.com-submit{
  margin-top: 20px;
    width: 145px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #e17f00;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


.danmu{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
	    background: rgba(0,0,0,.3);
	    overflow: hidden;
	    z-index: 999999;
		align-items: center;
		justify-content: center;
		display: none;
	}

	.danmu .main{
		background: #fff;
		padding-bottom: 50px;
		position: relative;
	}
	.danmu .main #cha{
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 10px;
		right: 10px;
		background: url(../img/cha.png) no-repeat center;
		transition: .3s;
	}
	.danmu .main #cha:hover{
		transform: rotate(180deg);
	}
	.danmu .main input,
	.danmu .main textarea{
		border: 1px solid #ddd;
	}
	.danmu .main ul{
		font-size: 0;
	}
	.danmu .main li{
		width: 50%;
		margin-left: 0;
	}
	.danmu .main li label,
	.danmu .main .form-textarea label{
		display: none;
	}
	.danmu .main li input{
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		line-height: 60px;
	}
	.danmu .main .form-textarea textarea{
		box-sizing: border-box;
		padding-top: 15px;
		line-height: 25px;
		text-indent: 10px;
		width: 1150px;
		font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	}



input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
        color: #999;
    }
    
    
    
    
    
    
    
    
    
#xny2019-customer-modal {
  font-size: 14px;
  color: #fff;
  position: fixed;
  display: inline-block;
  right: 0px;
  top: 50%;
  z-index: 998;
  transform: translateY(-50%);
  display: flex;
}

#xny2019-customer-modal.xny2019-hide {
  animation: show2hide 1s;
  right: -154px;
}

#xny2019-customer-modal.xny2019-show {
  animation: hide2show 1s;
}

#xny2019-customer-modal .xny2019-customer-modal-click {
  position: relative;
  height: 100px;
  border-top: 10px solid transparent;
  border-right: 25px solid #169ceb;
  border-bottom: 10px solid transparent;
  text-align: center;
  font-size: 13px;
  color: #0b2a1a;
  cursor: pointer;
  align-self: center;
  padding: 0 10px;
}

#xny2019-customer-modal .xny2019-customer-modal-click-text {
  position: absolute;
  top: 10px;
  left: 25px;
  line-height: 20px;
  color: #fff;
}

#xny2019-customer-modal .xny2019-customer-modal-caontainer {
  border-radius: 5px;
  background: #fe9900;
}

#xny2019-customer-modal .xny2019-customer-modal-chat {
  padding: 22px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#xny2019-customer-modal .xny2019-customer-modal-chat img {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}

#xny2019-customer-modal .xny2019-customer-modal-chat:hover {
  background: rgba(0, 0, 0, 0.16);
}

#xny2019-customer-modal .xny2019-customer-modal-code {
  padding: 22px 16px;
  text-align: center;
  font-size: 12px;
}

#xny2019-customer-modal .xny2019-customer-modal-code-img {
  width: 116px;
  height: 116px;
  background: #fff;
  border-radius: 5px;
  padding: 3px;
}

#xny2019-customer-modal .xny2019-customer-modal-code-img img {
  width: 100%;
  height: 100%;
}

#xny2019-customer-modal .xny2019-customer-modal-code-scan {
  margin-top: 10px;
  margin-bottom: 5px;
}

#xny2019-customer-modal .xny2019-customer-modal-item {
  cursor: pointer;
}

#xny2019-customer-modal .xny2019-customer-modal-item + .xny2019-customer-modal-item {
  border-top: 1px solid #fff;
}

.f-code{
  position: relative;
}
.f-code .f-c-i{
  position: absolute;
  top: 140%;
  left: -36px;
  width: 108px;
  transition: .4s;
  opacity: 0;
}
.f-code:hover .f-c-i{
  top: 120%;
  opacity: 1;
}

@keyframes show2hide {
  0% {
    right: 0px;
  }
  100% {
    right: -154px;
  }
}

@keyframes hide2show {
  0% {
    right: -154px;
  }
  100% {
    right: 0px;
  }
}